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	da	9	da	da	da

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 italic oblique	Joaca - l »
font-variant	Specifică varianta fontului. Valori posibile: normal small-caps	Joaca - l »
font-weight	Specifică greutatea fontului. Valori posibile: normal bold bolder lighter 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 »
caption	Utilizați fontul generica de control (like buttons, drop-downs, etc.)	Joaca - l »
icon	Utilizați fontul utilizat pentru pictogramele de etichete	Joaca - l »
menu	Utilizați fontul utilizat în meniuri (drop-down menus and menu lists) de (drop-down menus and menu lists)	Joaca - l »
message-box	Utilizați fontul utilizat în casetele de dialog	Joaca - l »
small-caption	Utilizați fontul utilizat pentru marcarea controalelor mici	Joaca - l »
status-bar	Utilizați fonturile utilizate în bara de stare fereastră	Joaca - l »