TextMetrics: width property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Note: This feature is available in Web Workers.
Thuộc tính chỉ đọc width của giao diện TextMetrics chứa chiều rộng tiến (advance width) của văn bản (chiều rộng của hộp nội tuyến đó) tính bằng pixel CSS.
Ví dụ
Bắt đầu với phần tử <canvas> sau:
html
<canvas id="canvas"></canvas>
Bạn có thể lấy đối tượng TextMetrics bằng đoạn code sau:
js
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
let text = ctx.measureText("foo"); // đối tượng TextMetrics
text.width; // 16;
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| HTML # dom-textmetrics-width-dev |