TextMetrics: ideographicBaseline property
Baseline 2023
Newly available
Since October 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Note: This feature is available in Web Workers.
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.
Examples
js
const canvas = document.createElement("canvas");
const ctx = canvas.getContext("2d");
const text = ctx.measureText("foo"); // returns TextMetrics object
text.ideographicBaseline; // -1.201171875;
Specifications
| Specification |
|---|
| HTML Standard # dom-textmetrics-ideographicbaseline-dev |
Browser compatibility
BCD tables only load in the browser