HTML canvas font Propery

Schreiben Sie einen 30px hohen Text auf der Leinwand, mit der Schriftart "Arial" :

JavaScript:

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

Browser-Unterstützung

Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.

Eigentum
font	4.0	9.0	3.6	4.0	10.1

Die Schriftart-Eigenschaft legt oder gibt die aktuellen Schrifteigenschaften für Textinhalt auf der Leinwand.

Die Font - Eigenschaft verwendet die gleiche Syntax wie die CSS font property - CSS font property .

Standardwert:	10px sans-serif
JavaScript-Syntax:	context .font="italic small-caps bold 12px arial";

Werte	Beschreibung	Spiel es
font-style	Gibt den Schriftstil. Mögliche Werte: normal kursiv schräg	Spiel es "
font-variant	Gibt die Schriftvariante. Mögliche Werte: normal Small Caps	Spiel es "
font-weight	Gibt die Schriftstärke. Mögliche Werte: normal Fett gedruckt kühner Feuerzeug 100 200 300 400 500 600 700 800 900	Spiel es "
font-size/line-height	Gibt die Schriftgröße und die Zeilenhöhe in Pixel	Spiel es "
font-family	Gibt die Schriftfamilie	Spiel es "
Bildunterschrift	Verwenden Sie die Schrift geuntertitelt Steuerelemente (like buttons, drop-downs, etc.)	Spiel es "
Symbol	Verwenden Sie die Schrift zu Label-Symbole verwendet	Spiel es "
Menü	Verwenden Sie die Schrift in dem Menü verwendet (drop-down menus and menu lists) - (drop-down menus and menu lists)	Spiel es "
Nachrichtenbox	Verwenden Sie die Schriftart in Dialogfenstern	Spiel es "
Klein caption	Verwenden Sie die Schriftart für die Beschriftung kleine Kontrollen verwendet	Spiel es "
Statusleiste	Verwenden Sie die verwendeten Schriften in Fenster Statusleiste	Spiel es "