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	ja	9.0	ja	ja	ja

Die Font-Eigenschaft setzt oder liefert die aktuellen Schrifteigenschaften für Textinhalt auf der Leinwand.

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

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 italic oblique	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 bold bolder lighter 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 "
caption	Verwenden Sie die Schrift geuntertitelt Steuerelemente (wie Schaltflächen, Dropdown-Menüs, etc.)	Spiel es "
icon	Verwenden Sie die Schrift zu Label-Symbole verwendet	Spiel es "
menu	Verwenden Sie die Schrift in den Menüs verwendet (Drop-Down-Menüs und Menülisten)	Spiel es "
message-box	Verwenden Sie die Schriftart in Dialogfenstern	Spiel es "
small-caption	Verwenden Sie die Schriftart für die Markierung von Kleinsteuerungen verwendet	Spiel es "
status-bar	Verwenden Sie die verwendeten Schriften in Fenster Statusleiste	Spiel es "