TextMetrics: свойство width
Линия основания Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.
Примечание: Эта функция доступна в Web Workers.
Только для чтения width свойство интерфейса TextMetrics содержит ширину продвижения текста (ширину этого встроенного блока) в пикселях CSS.
Примеры
Начните с этого элемента <canvas>:
<canvas id="canvas"></canvas>
Вы можете получить объект TextMetrics с помощью следующего кода:
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
let text = ctx.measureText("foo"); // TextMetrics object
text.width; // 16;
Спецификации
| Спецификация |
|---|
| HTML # dom-textmetrics-width-dev |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
width |
2 | 12 | 1.5 | 9 | 4 | 18 | 31 | 10.1 | 3.2 | 1.0 | 4.4 |
См. также
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics/width