Kommentar: Beim Schreiben von Breite und Höhe auf Leinwand in Leinwand ist es die tatsächliche Kunstboardgröße von Leinwand. Standardmäßig beträgt die Breite 300px und die Höhe 150px. Als nächstes wird die detaillierte Einführung angegeben. Interessierte Freunde können sich darauf beziehen.
In Leinwand ist beim Schreiben von Breite und Höhe auf Leinwand die tatsächliche Kunstboardgröße der Leinwand standardmäßig 300 Pixe und die Höhe 150px.Beim Schreiben von CSS -Stil stilvoll sind Widht und Höhe die tatsächliche Anzeigegröße.
Nehmen Sie nun als Beispiel eine diagonale Linie mit Leinwand an:
<! DocType html>
<kopf>
<meta charset = utf-8 />
<title> canvas </title>
<script type = 'text/javaScript'>
window.onload = function () {
GetCanvas ();
};
// Leinwandzeichnung
Funktion getCanvas () {
// Holen Sie sich das Canvas -Element und seinen Zeichnungskontext
var canvas = document.getElementById ('canvasid');
var context = canvas.getContext ('2d');
// Erstellen Sie einen Pfad mit absoluten Schildern
context.beginPath ();
context.moveto (0,200);
context.lineto (200,0);
// Zeichne dies zuerst auf Leinwand
context.stroke ();
}
</script>
</head>
<body>
<Canvas>/canvas>
</body>
</html>
Der Anzeigeeffekt ist wie folgt:
Wie Sie sehen können, ist die Leinwandzeichnung ein Quadrat von 200*200, und die Zeichnung verwendet eine diagonale Anzeige von (0, 200) bis (200, 0).
Die Grafiken werden jedoch in einem Rechteck von 400*200 angezeigt, und das Display ist auch eine diagonale Linie.