本节课我们学习 Canvas TextMetrics 中的 TextMetrics.width 属性。
只读的 TextMetrics.width
属性,包含文本先前的宽度(行内盒子的宽度),使用 CSS 像素计算。
readonly metrics.width;
事先给定 <canvas>
元素:
<canvas id="canvas"></canvas>
你可以使用下面的代码得到一个 TextMetrics
对象:
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var text = ctx.measureText("foo"); // TextMetrics object
text.width; // 16;