HTML canvas atrybut czcionki
definicja i użycie
font ustawia lub zwraca bieżące atrybuty czcionki treści na płótnie.
font syntaktyka atrybutu Atrybut font CSSidentyczny
przykład
Napisz na płótnie tekst o szerokości 40 pikseli, używając czcionki "Arial":
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="40px Arial";
ctx.fillText("Hello World",10,50);
syntaktyka
context.font="italic small-caps bold 12px arial";
wartość atrybutu
| wartość | opis |
|---|---|
| font-style |
określa styl czcionki. Możliwe wartości:
|
| font-variant |
określa wariację czcionki. Możliwe wartości:
|
| font-weight |
określa grubość czcionki. Możliwe wartości:
|
| font-size / line-height | Określ rozmiar i wysokość linii, w pikselach. |
| font-family | Określ rodzinę czcionek. |
| caption | Użyj czcionki dla tytułów kontrolerów (np. przyciski, rozwijane listy itp.). |
| icon | Użyj czcionki do oznaczania ikon. |
| menu | Użyj czcionki dla menu (rozwijane listy i listy menu). |
| message-box | Użyj czcionki dla okien dialogowych. |
| small-caption | Użyj czcionki dla małych kontrolerów. |
| status-bar | Użyj czcionki dla stanu paska stanu okna. |
Szczegóły techniczne
| Domyślna wartość: | 10px sans-serif |
|---|
Obsługa przeglądarek
Liczby w tabeli oznaczają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Komentarz:Wersje Internet Explorer 8 i wcześniejsze nie obsługuje elementu <canvas>.
