Méthode measureText() du canvas HTML
Définition et utilisation
measureText() La méthode retourne un objet contenant la largeur de la police spécifiée en pixels.
Astuce :Si vous avez besoin de connaître la largeur du texte avant de l'écrire sur le canevas, utilisez cette méthode.
Exemple
Avant d'écrire du texte sur le canevas, vérifiez la largeur de la police :
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
var txt="Hello World"
ctx.fillText("largeur:" + ctx.mesureText(txt).largeur,10,50)
ctx.fillText(txt,10,100);
Syntaxe
contexte.mesureText(text).largeur;
Valeur du paramètre
| Paramètres | Description |
|---|---|
| text | Texte à mesurer. |
Support du navigateur
Les numéros dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Remarque :Internet Explorer 8 et les versions antérieures ne prennent pas en charge l'élément <canvas>.
