Latest web development tutorials

Metodo canvas HTML measureText ()

HTML Manuale di tela di riferimento HTML Manuale di tela di riferimento

Esempi

Prima l'uscita di testo tela, controllare la larghezza di carattere:

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);

Prova »

Supporto per il browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer metodo 9, Firefox, Opera, Chrome e Safari supporto measureText ().

Nota: 8 e versioni precedenti di Internet Explorer non supportano l'elemento <canvas>.


Definizione e utilizzo

Metodo measureText () restituisce un oggetto che contiene il carattere specificato in pixel di larghezza.

Suggerimento: Se avete bisogno di testo di output sulla tela prima, capisco la larghezza del testo, utilizzare questo metodo.

sintassi JavaScript: contesto.measureText (testo) .width;

Valore parametro

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


HTML Manuale di tela di riferimento HTML Manuale di tela di riferimento