TextMetrics: actualBoundingBoxLeft プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2020年7月⁩.

メモ: この機能はウェブワーカー内で利用可能です。

actualBoundingBoxLeft は TextMetrics インターフェイスの読み取り専用プロパティで、double 型であり、指定されたテキストの境界矩形の左端から、CanvasRenderingContext2D.textAlign プロパティで与えられる配置点までの、ベースラインに平行な距離を CSS ピクセル単位で返します。正の数値は、指定された配置点から左方向への距離を示します。

例

const canvas = document.createElement("canvas");
const ctx = canvas.getContext("2d");
const text = ctx.measureText("foo"); // TextMetrics オブジェクトを返す

text.actualBoundingBoxLeft; // 0;