文本度量：fontBoundingBoxAscent 属性
注意：此功能在 Web Workers 中可用。
TextMetrics 接口的只读 fontBoundingBoxAscent 属性返回由 CanvasRenderingContext2D.textBaseline 属性指示的水平线到渲染文本时使用所有字体的最高边界矩形的顶部的距离，以 CSS 像素为单位。
值
以 CSS 像素为单位的数字。
示例
以下代码展示了如何获取特定字体中某些文本的 fontBoundingBoxAscent。
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 ascentCssPixels = textMetrics.fontBoundingBoxAscent;
以下显示了 25 像素的衬线字体中“Foo”文本的 CSS 像素上升值。
规范
| 规范 |
|---|
| HTML 标准 # dom-textmetrics-fontboundingboxascent-dev |
浏览器兼容性
BCD 表格仅在浏览器中加载