Exemplu
Verificați lățimea textului, înainte de a scrie-l pe panza:
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);
Încearcă - l singur » Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin metoda.
| Metodă | |||||
|---|---|---|---|---|---|
| measureText() | 4 | 9 | 3.6 | 4 | 10.1 |
Definiție și utilizare
measureText() metoda returneaza un obiect care conține lățimea textului specificat în pixeli.
Tip: Utilizați această metodă dacă trebuie să știți lățimea unui text, înainte de a scrie - l pe panza.
| sintaxa JavaScript: | context . measureText( text ) .width; |
|---|
Valorile parametrilor
| Parametru | Descriere | Joaca-l |
|---|---|---|
| text | Textul care urmează să fie măsurat | Joaca - l » |
<Canvas obiect