HTML canvas font Propery

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);

Wsparcie przeglądarka

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.

Nieruchomość
font	4.0	9.0	3.6	4.0	10,1

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 CSS font property .

Domyślna wartość:	10px bezszeryfową
Składnia JavaScript:	context .font="italic small-caps bold 12px arial";

wartości	Opis	Graj
font-style	Określa styl czcionki. Możliwe wartości: normalna italski ukośny	Graj "
font-variant	Określa wariant czcionki. Możliwe wartości: normalna small-caps	Graj "
font-weight	Określa wagę czcionki. Możliwe wartości: normalna pogrubienie odważniejsze zapalniczka 100 200 300 400 500 600 700 800 900	Graj "
font-size/line-height	Określa rozmiar czcionki i line-height w pikselach	Graj "
font-family	Określa rodzinę czcionek	Graj "
podpis	Użyj czcionek napisami kontroli (like buttons, drop-downs, etc.)	Graj "
Ikona	Użyj czcionki używanej do etykiet ikon	Graj "
menu	Użyj czcionki używanej w menu (drop-down menus and menu lists)	Graj "
skrzynka pocztowa	Użyj czcionki używanej w oknach dialogowych	Graj "
small-caption	Za pomocą fontu do oznaczania małych sterujące	Graj "
pasek stanu	Użyj czcionki użyte w pasku stanu okna	Graj "