TextMetrics: свойство fontBoundingBoxDescent

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

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

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

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 descentCssPixels = textMetrics.fontBoundingBoxDescent;

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

• TextMetrics.fontBoundingBoxAscent
• TextMetrics