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

Spécification Statut Commentaire
HTML Living Standard
La définition de 'CanvasRenderingContext2D.measureText' dans cette spécification.
Standard évolutif  

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi