TextMetrics: fontBoundingBoxDescent 属性

注意:此功能在Web Workers中可用。

TextMetrics 接口的只读 fontBoundingBoxDescent 属性返回从由CanvasRenderingContext2D.textBaseline 属性指示的水平线到用于呈现文本的所有字体的边界矩形底部之间的距离,以 CSS 像素为单位。

一个数字,以 CSS 像素为单位。

示例

以下代码演示了如何获取特定字体中文本的 fontBoundingBoxDescent

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

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

const textMetrics = ctx.measureText("foo"); // returns TextMetrics object
const descentCssPixels = textMetrics.fontBoundingBoxDescent;

下面显示了 25px 衬线字体中“Foo”文本的下降值(以 CSS 像素为单位)。

规范

规范
HTML 标准
# dom-textmetrics-fontboundingboxdescent-dev

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅