Latest web development tutorials

méthode toile HTML measureText ()

HTML Manuel toile de référence HTML Manuel toile de référence

Exemples

Avant la sortie de texte toile, vérifier la largeur de la police:

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 »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, la méthode Firefox, Opera, Chrome et Safari soutien measureText ().

Note: 8 et versions antérieures d'Internet Explorer ne prennent pas en charge l'élément <canvas>.


Définition et utilisation

méthode measureText () retourne un objet qui contient la police spécifiée en pixels de largeur.

Astuce: Si vous avez besoin de texte de sortie sur la toile avant, je comprends la largeur du texte, utilise cette méthode.

Syntaxe JavaScript: contexte.measureText (texte) .width;

Paramètre Valeur

参数 描述
text 要测量的文本。


HTML Manuel toile de référence HTML Manuel toile de référence