Derniers tutoriels de développement web
 

HTML canvas measureText() Method

<HTML Canvas Référence

Exemple

Vérifiez la largeur du texte, avant de l'écrire sur la toile:

YourbrowserdoesnotsupporttheHTML5canvastag.

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 - le vous - même »

support du navigateur

Les chiffres du tableau indiquent la première version du navigateur qui soutient pleinement la méthode.

méthode
measureText() Oui 9.0 Oui Oui Oui

Définition et utilisation

Le measureText() méthode retourne un objet qui contient la largeur du texte spécifié, en pixels.

Astuce: 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;

Paramètre valeurs

Paramètre La description Joue-le
text Le texte qui doit être mesurée Joue-le "

<HTML Canvas Référence