只读的 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;
规范描述
| Specification | Status | Comment |
|---|---|---|
| WHATWG HTML Living Standard TextMetrics.width |
Living Standard |
浏览器兼容性
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 4.0 | 1.5 (1.8) | 9.0 | 9.0 | 3.1 |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 2.1 | 1.0 (1.8) | ? | 10.0 | 3.2 |