Canvas measureText() 메서드
정의와 사용법
measureText() 메서드는 픽셀 단위로 지정된 글꼴 너비를 포함하는 객체를 반환합니다.
ヒント:텍스트를 캔버스에 출력하기 전에 텍스트의 너비를 알아야 한다면, 이 메서드를 사용하세요.
예제
텍스트를 캔버스에 출력하기 전에, 글꼴의 너비를 확인하세요:
JavaScript:
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);
문법
컨텍스트.measureText(text).width;
파라미터 값
| 파라미터 | 설명 |
|---|---|
| text | 측정할 텍스트. |
브라우저 지원
표에서 숫자는 해당 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
주의사항:Internet Explorer 8 및 이전 버전은 <canvas> 요소를 지원하지 않습니다.
