Spec-Zone.ru › Web APIs

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

См. также

  • TextMetrics

© 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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API