文本度量:宽度属性
基线 广泛可用
此功能已成熟稳定,可在众多设备和浏览器版本中运行。它自 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 表格仅在浏览器中加载