TextMetrics: actualBoundingBoxRight プロパティ

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月⁩.

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

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

例

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

text.actualBoundingBoxRight; // 15.633333333333333;