Gli ultimi tutorial di sviluppo web
 

HTML canvas measureText() Method

<Riferimento Canvas HTML

Esempio

Controllare la larghezza del testo, prima di scrivere sulla tela:

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 tu stesso "

Supporto per il browser

I numeri nella tabella indicano la prima versione del browser che supporta pienamente il metodo.

metodo
measureText() 9.0

Definizione e utilizzo

Il measureText() metodo restituisce un oggetto che contiene la larghezza del testo specificato, espressa in pixel.

Suggerimento: Utilizzare questo metodo se è necessario conoscere la larghezza di un testo, prima di scrivere sulla tela.

sintassi JavaScript: context.measureText(text).width;

valori dei parametri

Parametro Descrizione Gioca
text Il testo da misurare Gioca "

<Riferimento Canvas HTML