Przykład
Napisz 30px wysoki tekst na płótnie, za pomocą czcionki "Arial" :
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.fillText("Hello World",10,50);
Spróbuj sam " Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Nieruchomość | |||||
---|---|---|---|---|---|
font | tak | 9,0 | tak | tak | tak |
Definicja i Wykorzystanie
Zestawy własności czcionki lub zwraca bieżące właściwości czcionek dla zawartości tekstowej na płótnie.
Właściwość font wykorzystuje tę samą składnię jako własności czcionki CSS .
Domyślna wartość: | 10px sans-serif |
---|---|
Składnia JavaScript: | context.font="italic small-caps bold 12px arial"; |
wartości nieruchomości
wartości | Opis | Graj |
---|---|---|
font-style | Określa styl czcionki. Możliwe wartości:
| Graj " |
font-variant | Określa wariant czcionki. Możliwe wartości:
| Graj " |
font-weight | Określa wagę czcionki. Możliwe wartości:
| Graj " |
font-size/line-height | Określa rozmiar czcionki i line-height w pikselach | Graj " |
font-family | Określa rodzinę czcionek | Graj " |
caption | Użyj czcionek napisami kontroli (jak przyciski, menu rozwijane, itp) | Graj " |
icon | Użyj czcionki używanej do etykiet ikon | Graj " |
menu | Użyj czcionki używanej w menu (menu rozwijanych listach menu) | Graj " |
message-box | Użyj czcionki używanej w oknach dialogowych | Graj " |
small-caption | Użyj czcionki używane do oznaczania małych elementów sterujących | Graj " |
status-bar | Użyj czcionki użyte w pasku stanu okna | Graj " |