TextMetrics:width 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

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

TextMetrics 接口的只读width 属性包含文本的预估宽度(即该行内框的宽度),以 CSS 像素为单位。

示例

从这个 <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

浏览器兼容性

另见