예
캔버스에 쓰기 전에, 텍스트의 폭을 확인 :
자바 스크립트 :
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() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
정의 및 사용
measureText() 메소드는 픽셀 지정된 문자의 폭을 포함하는 객체를 반환한다.
Tip: 캔버스에 쓰기 전에, 텍스트의 폭을 알 필요가 있다면이 방법을 사용합니다.
| 자바 스크립트 구문 : | context . measureText( text ) .width; |
|---|
매개 변수 값
| 매개 변수 | 기술 | 플레이 |
|---|---|---|
| text | 텍스트 측정 할 | »플레이 |
<캔버스 개체