HTML canvas font Propery

Ecrire un texte 30px haut sur la toile, en utilisant la police "Arial" :

JavaScript:

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

Support du navigateur

Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.

Propriété
font	4.0	9.0	3.6	4.0	10.1

Les ensembles de propriétés de police ou retourne les propriétés de police actuelles pour le contenu du texte sur la toile.

La propriété font utilise la même syntaxe que la CSS font property .

Valeur par défaut:	sans-serif 10px
syntaxe JavaScript:	context .font="italic small-caps bold 12px arial";

Valeurs	La description	Joue-le
font-style	Indique le style de police. Valeurs possibles: normal italique oblique	Joue-le "
font-variant	Indique la variante de la police. Valeurs possibles: normal en minuscule	Joue-le "
font-weight	Indique le poids de la police. Valeurs possibles: normal audacieux plus audacieux plus léger 100 200 300 400 500 600 700 800 900	Joue-le "
font-size/line-height	Spécifie la taille des caractères et la ligne de hauteur, en pixels	Joue-le "
font-family	Indique la famille de polices	Joue-le "
légende	Utilisez les commandes de sous - titrée de police (like buttons, drop-downs, etc.) des (like buttons, drop-downs, etc.)	Joue-le "
icône	Utilisez la police utilisée pour les icônes d'étiquettes	Joue-le "
menu	Utilisez la police utilisée dans les menus (drop-down menus and menu lists) des (drop-down menus and menu lists)	Joue-le "
messagerie	Utilisez la police utilisée dans les boîtes de dialogue	Joue-le "
petite légende	Utilisez la police utilisée pour le marquage de petits contrôles	Joue-le "
barre d'état	Utilisez les polices utilisées dans la barre d'état de la fenêtre	Joue-le "