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 的浏览器中加载。