Artikeleinführung von Wulin.com (www.vevb.com): HTML5 -Leinwand -Texteinstellungen Schriftart und Größe.
HTML5 -Canvas -Texteinstellungen Schriftarten und Größen. Wir können die Eigenschaften der Schriftarten im Rahmen der Leinwand verwenden.
Lassen Sie uns ein einfaches Beispiel geben, um die grundlegende Syntax zu erklären:
HTML5 Canvas Text Schriftart & Größe Beispiel
<! DocType html>
<html>
<kopf>
<title> html5_canvas_text_size </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.FillText (Hallo vevb!, x, y);
};
</script>
</head>
<body>
<canvas id = mycanvas width = 578 Höhe = 200>
</canvas>
</body>
</html>