Exemple
Vérifiez la largeur du texte, avant de l'écrire sur la toile:
JavaScript:
var c=document.getElementById("myCanvas");
var
ctx=c.getContext("2d");
ctx.font="30px Arial";
var txt="Hello World"
ctx.fillText("width:" + ctx.measureText(txt).width,10,50)
ctx.fillText(txt,10,100);
Essayez vous - même » Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge pleinement la méthode.
| méthode | |||||
|---|---|---|---|---|---|
| measureText() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Définition et utilisation
Le measureText() méthode retourne un objet qui contient la largeur du texte spécifié, en pixels.
Tip: Utilisez cette méthode si vous avez besoin de connaître la largeur d'un texte, avant de l' écrire sur la toile.
| syntaxe JavaScript: | context . measureText( text ) .width; |
|---|
Les valeurs des paramètres
| Paramètre | La description | Joue-le |
|---|---|---|
| text | Le texte à mesurer | Joue-le " |
<Canvas objet