TextMetrics: fontBoundingBoxAscent property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2023.
Note: This feature is available in Web Workers.
Thuộc tính chỉ đọc fontBoundingBoxAscent của giao diện TextMetrics trả về khoảng cách từ đường ngang được chỉ định bởi thuộc tính CanvasRenderingContext2D.textBaseline đến đỉnh của hình chữ nhật bao quanh cao nhất trong tất cả các font chữ được dùng để hiển thị văn bản, tính bằng pixel CSS.
Giá trị
Một số, tính bằng pixel CSS.
Ví dụ
Đoạn code dưới đây cho thấy cách lấy fontBoundingBoxAscent cho một văn bản với font chữ cụ thể.
js
const canvas = document.createElement("canvas");
const ctx = canvas.getContext("2d");
ctx.font = "25px serif";
const text = "Foo";
const textMetrics = ctx.measureText(text); // trả về đối tượng TextMetrics
const ascentCssPixels = textMetrics.fontBoundingBoxAscent;
Giá trị ascent tính bằng pixel CSS cho văn bản "Foo" với font serif 25px được hiển thị bên dưới.
Thông số kỹ thuật
| Specification |
|---|
| HTML # dom-textmetrics-fontboundingboxascent-dev |