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

ctx.measureText(texte);

Paramètres

texte

Le texte à mesurer.

Valeur retournée

Un objet TextMetrics.

Exemples

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

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

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

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

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

Spécifications

Compatibilité des navigateurs

Voir aussi

• L'interface la définissant, CanvasRenderingContext2D.
• TextMetrics