TextMetrics: alphabeticBaseline プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2023年10月.

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

alphabeticBaseline は TextMetrics インターフェイスの読み取り専用プロパティで、double 型であり、CanvasRenderingContext2D.textBaseline プロパティで示された水平線から、行ボックスのアルファベット用ベースラインまでの距離を CSS ピクセル単位で返します。

例

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

text.alphabeticBaseline; // -0;