TextMetrics: свойство fontBoundingBoxAscent

Чтение только fontBoundingBoxAscent свойство интерфейса TextMetrics возвращает расстояние от горизонтальной линии, указанной атрибутом CanvasRenderingContext2D.textBaseline, до верхней части самого большого ограничивающего прямоугольника всех шрифтов, используемых для отображения текста, в пикселях CSS.

Число в пикселях CSS.

Код ниже показывает, как получить fontBoundingBoxAscent для некоторого текста в определенном шрифте.

const canvas = document.createElement("canvas");
const ctx = canvas.getContext("2d");

ctx.font = "25px serif";
const text = "Foo";

const textMetrics = ctx.measureText(text); // returns TextMetrics object
const ascentCssPixels = textMetrics.fontBoundingBoxAscent;

Ниже показан подъем в пикселях CSS для текста "Foo" в шрифте с засечками 25px.

• TextMetrics.fontBoundingBoxDescent
• TextMetrics