只读 width 特性为 TextMetrics interface contains the text's advance width (the width of that inline box) in CSS pixels.

范例

Given this <canvas> 元素:

<canvas id="canvas"></canvas>
					

... you can get a TextMetrics object using the following code:

const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');
let text = ctx.measureText('foo'); // TextMetrics object
text.width; // 16;
					

规范

规范
HTML 实时标准
The definition of 'TextMetrics.width' in that specification.

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据
桌面 移动
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
width Chrome 4 Edge 12 Firefox 1.5 IE 9 Opera 9 Safari 3.1 WebView Android Yes Chrome Android Yes Firefox Android 31 Opera Android Yes Safari iOS 3.2 Samsung Internet Android Yes

图例

完整支持

完整支持

实验。期望将来行为有所改变。

实验。期望将来行为有所改变。

另请参阅

元数据

  • 最后修改: