TextMetrics: fontBoundingBoxDescent 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 fontBoundingBoxDescent 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 đáy của hình chữ nhật bao quanh 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 fontBoundingBoxDescent 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 descentCssPixels = textMetrics.fontBoundingBoxDescent;
Giá trị descent 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-fontboundingboxdescent-dev |