Przykład
Sprawdź szerokość tekstu, przed zapisaniem go na płótnie:
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);
Spróbuj sam " Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje metodę.
| metoda | |||||
|---|---|---|---|---|---|
| measureText() | 4.0 | 9.0 | 3.6 | 4.0 | 10,1 |
Definicja i Wykorzystanie
measureText() sposób wraca do obiektu, który zawiera szerokość danego tekstu w pikselach.
Tip: Użyj tej metody, jeśli chcesz wiedzieć, szerokość tekstu, przed zapisaniem go na płótnie.
| Składnia JavaScript: | context . measureText( text ) .width; |
|---|
wartości parametrów
| Parametr | Opis | Graj |
|---|---|---|
| text | Tekst mierzone | Graj " |
<Płótno Przedmiot