TextMetrics: ideographicBaseline プロパティ

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

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

ideographicBaseline は TextMetrics インターフェイスの読み取り専用プロパティで、double 型であり、CanvasRenderingContext2D.textBaseline プロパティで示される水平線から、行ボックスの表意文字ベースライン（訳注：漢字のベースライン）までの距離を CSS ピクセル単位で返します。

例

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

text.ideographicBaseline; // -1.201171875;