HTML 캔버스 measureText() 메서드
예시
캔버스에 쓰기 전에 텍스트의 너비를 확인하십시오.
자바스크립트:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.font = "30px Arial";
var txt = "Hello World"
ctx.fillText("width:" + ctx.measureText(txt).width, 10, 50)
ctx.fillText(txt, 10, 100);
브라우저 지원
표의 숫자는 이 방법을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
| Method | |||||
|---|---|---|---|---|---|
| measureText() | Yes | 9.0 | Yes | Yes | Yes |
정의 및 사용
measureText() 메서드는 지정된 텍스트의 너비를 픽셀 단위로 포함하는 객체를 반환합니다.
팁: 캔버스에 쓰기 전에 텍스트의 너비를 알아야 하는 경우 이 방법을 사용하십시오.
| 자바스크립트 구문: | 컨텍스트 .measureText( 텍스트 ).너비; |
|---|
매개변수 값
| Parameter | Description | Play it |
|---|---|---|
| text | The text to be measured |
❮ HTML 캔버스 참조