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() 方法返回包含一個對象，該對象包含以像素計的指定字體寬度。

提示：如果您需要在文本向畫布輸出之前，就了解文本的寬度，那么請使用該方法。

JavaScript 語法：

context.measureText(text).width;

參考：

HTML canvas fillText()與measureText()方法

總結

以上是生活随笔為你收集整理的HTML5 canvas 计算文字宽度的方法（measureText）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。