La propriété en lecture seule TextMetrics.width contient en pixels CSS la largeur d'avance du texte (la largeur de la boîte de ligne).
Syntaxe
readonly metrics.width;
Exemples
Étant donné cet élément <canvas>
:
<canvas id="canevas"></canvas>
vous pouvez obtenir un objet TextMetrics
en utilisant le code suivant :
var canvas = document.getElementById("canevas");
var ctx = canvas.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 'TextMetrics.width' dans cette spécification. |
Standard évolutif |
Compatibilité des navigateurs
Nous convertissons les données de compatibilité dans un format JSON.
Ce tableau de compatibilité utilise encore l'ancien format
car nous n'avons pas encore converti les données qu'il contient.
Vous pouvez nous aider en contribuant !
Fonctionnalité | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Support de base | 4.0 | (Oui) | 1.5 (1.8) | 9.0 | 9.0 | 3.1 |
Fonctionnalité | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Support de base | 2.1 | (Oui) | 1.0 (1.8) | ? | 10.0 | 3.2 |