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