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以下的浏览器不支持该方法
原文：http://www.cnblogs.com/lydialee/p/5064847.html