Wulin.com (www.vevb.com) Artikel Einführung: HTML5 -Leinwand -Textfarbe, Die Attribute der Schriftarten, die wir im Canvas -Bereich verwenden können.
HTML5 -Leinwand -Textfarbe, wir können die Schriftarten innerhalb der Eigenschaften der Leinwandbereich verwenden.
Lassen Sie uns ein einfaches Beispiel geben, um die grundlegende Syntax zu erklären:
HTML5 -Leinwand -Textfarbeinstanz
<! DocType html>
<html>
<kopf>
<title> html5_canvas_text_color </title>
<Styles>
Körper {Margin: 0px; Polsterung: 0px;}
#mycanvas {Grenze: 1PX Solid #9c9898; Rand: 0 Auto; Margin-Top: 200px; Rand-Links: 100px;}
</style>
<Script>
window.onload = function () {
var canvas = document.getElementById (mycanvas);
var context = canvas.getContext (2d);
var x = 150;
var y = 100;
context.font = 40pt calibri;
context.fillStyle = #0000ff; // Textfarbe
context.FillText (Hallo Webjx!, x, y);
};
</script>
</head>
<body>
<canvas id = mycanvas width = 578 Höhe = 200>
</canvas>
</body>
</html>