Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The read-only ideographicBaseline property of the TextMetrics interface is a double giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline property to the ideographic baseline of the line box, in CSS pixels.


const canvas = document.createElement("canvas");
const ctx = canvas.getContext("2d");
const text = ctx.measureText("foo"); // returns TextMetrics object

text.ideographicBaseline; // -1.201171875;


HTML Standard
# dom-textmetrics-ideographicbaseline-dev

Browser compatibility

BCD tables only load in the browser

See also