CanvasRenderingContext2D.measureText()

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

Синтаксис

ctx.measureText(text);

Параметры

text

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

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

Объект TextMetrics (en-US).

Примеры

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

html

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

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

js

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

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

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

Specification
HTML Standard
# dom-context-2d-measuretext-dev

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

BCD tables only load in the browser

Смотрите также