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以下的浏览器不支持该方法