Esempio
Controllare la larghezza del testo, prima di scrivere sulla tela:
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 browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente il metodo.
| Metodo | |||||
|---|---|---|---|---|---|
| measureText() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definizione e l'utilizzo
Il measureText() restituisce un oggetto che contiene la larghezza del testo specificato, in pixel.
Tip: 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 " |
<Oggetto Tela