HTML canvas font Propery

Scrieți un text de mare 30px pe pânză, folosind fontul "Arial" :

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.fillText("Hello World",10,50);

Suport pentru browser-

Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.

Proprietate
font	4	9	3.6	4	10.1

Seturile de proprietate sau de fonturi returnează proprietățile fontului curent pentru conținutul textului pe pânză.

Proprietatea font utilizează aceeași sintaxă ca și CSS font property .

Valoare implicită:	10px sans-serif
sintaxa JavaScript:	context .font="italic small-caps bold 12px arial";

valori	Descriere	Joaca-l
font-style	Specifică stilul fontului. Valori posibile: normal cursiv oblic	Joaca - l »
font-variant	Specifică varianta fontului. Valori posibile: normal litere mici	Joaca - l »
font-weight	Specifică greutatea fontului. Valori posibile: normal îndrăzneţ mai îndrăzneț mai usoara 100 200 300 400 500 600 700 800 900	Joaca - l »
font-size/line-height	Specifică dimensiunea fontului și linia de înălțime, în pixeli	Joaca - l »
font-family	Specifică familia de fonturi	Joaca - l »
legendă	Utilizați fontul generica de control (like buttons, drop-downs, etc.)	Joaca - l »
icoană	Utilizați fontul utilizat pentru pictogramele de etichete	Joaca - l »
meniul	Utilizați fontul utilizat în meniuri (drop-down menus and menu lists) de (drop-down menus and menu lists)	Joaca - l »
Mesaj-box	Utilizați fontul utilizat în casetele de dialog	Joaca - l »
mici-legendă	Utilizați fontul utilizat pentru marcarea controalelor mici	Joaca - l »
bara de stare	Utilizați fonturile utilizate în bara de stare fereastră	Joaca - l »