최신 웹 개발 튜토리얼
 

HTML canvas measureText() Method

<HTML 캔버스 참조

캔버스에 쓰기 전에, 텍스트의 폭을 확인합니다 :

YourbrowserdoesnotsupporttheHTML5canvastag.

자바 스크립트 :

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() 9.0

정의 및 사용

measureText() 메소드는 픽셀 단위로 지정된 텍스트의 폭을 포함하는 객체를 반환합니다.

팁 : 캔버스에 쓰기 전에, 텍스트의 폭을 알 필요가 있다면이 방법을 사용합니다.

자바 스크립트 구문 : context.measureText(text).width;

매개 변수 값

매개 변수 기술 플레이
text 텍스트 측정 할 »플레이

<HTML 캔버스 참조