CanvasRenderingContext2D.measureText()

La méthode CanvasRenderingContext2D.measureText() renvoie un objet TextMetrics qui contient des informations sur le texte mesuré (telle que sa largeur, par exemple).

Syntaxe

js

ctx.measureText(texte);

Paramètres

texte

Le texte à mesurer.

Valeur retournée

Un objet TextMetrics.

Exemples

Étant donné cet élément <canvas> :

html

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

vous pouvez obtenir un objet TextMetrics en utilisant le code suivant :

js

var canevas = document.getElementById("canevas");
var ctx = canevas.getContext("2d");

var texte = ctx.measureText("foo"); // objet TextMetrics
texte.width; // 16;

Spécifications

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

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi