Latest web development tutorials

méthode toile HTML measureText ()

Canvas Object Reference objet Canvas

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 要测量的文本。


Canvas Object Reference objet Canvas