Metodo HTML canvas measureText()
Esempio
Verifica la larghezza del testo, prima di scriverlo 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);
Supporto del browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente il metodo.
| Method | |||||
|---|---|---|---|---|---|
| measureText() | Yes | 9.0 | Yes | Yes | Yes |
Definizione e utilizzo
Il metodo measureText() restituisce un oggetto che contiene la larghezza del testo specificato, in pixel.
Suggerimento: usa questo metodo se hai bisogno di conoscere la larghezza di un testo, prima di scriverlo sulla tela.
| sintassi JavaScript: | contesto .measureText( testo ).larghezza; |
|---|
Valori dei parametri
| Parameter | Description | Play it |
|---|---|---|
| text | The text to be measured |
❮ Riferimento tela HTML