CanvasRenderingContext2D.measureText()

Метод CanvasRenderingContext2D.measureText(), предоставляемый Canvas 2D API, возвращает объект TextMetrics, содержащий информацию об измеренном тексте (например, ширину).

Синтаксис

ctx.measureText(text);

Параметры

text
Строка String для измерения.

Возвращаемое значение

Объект TextMetrics.

Примеры

Используя элемент <canvas>:

<canvas id="canvas"></canvas>

... вы можете получить объект TextMetrics, используя следующий код:

const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');

let text = ctx.measureText('Hello world');
console.log(text.width);  // 56;

Спецификации

Спецификация Статус Комментарий
HTML Living Standard
Определение 'CanvasRenderingContext2D.measureText' в этой спецификации.
Живой стандарт

Совместимость с браузерами

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
measureTextChrome Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка 2IE Полная поддержка 9Opera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка

См. также