文本度量:宽度属性

基线 广泛可用

此功能已成熟稳定,可在众多设备和浏览器版本中运行。它自 2015 年 7 月.

报告反馈

注意: 此功能在 Web Workers 中可用。

示例

从这个 <canvas> 元素开始

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

您可以使用以下代码获取 TextMetrics 对象

js
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");

let text = ctx.measureText("foo"); // TextMetrics object
text.width; // 16;

规范

规范
HTML 标准
# dom-textmetrics-width-dev

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参见