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

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