CanvasRenderingContext2D: measureText() 方法
CanvasRenderingContext2D.measureText() 方法返回一个 TextMetrics 对象，其中包含被测量文本的信息（例如，其宽度）。
语法
js
measureText(text)
参数
文本-
要测量的文本字符串。
返回值
一个 TextMetrics 对象。
示例
给定此 <canvas> 元素
html
<canvas id="canvas"></canvas>
… 您可以使用以下代码获取一个 TextMetrics 对象
js
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
let text = ctx.measureText("Hello world");
console.log(text.width); // 56;
规范
| 规范 |
|---|
| HTML # dom-context-2d-measuretext-dev |
浏览器兼容性
加载中…
另见
- 定义此方法的接口：
CanvasRenderingContext2D TextMetrics