文本宽度的测量--measureText

 

HTML5中的canvas提供了文字宽度的测量方法:

ctx.measureText(string).width

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);

注： IE8以下的浏览器不支持该方法