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

瀏覽器相容性

另見