Canvas-Studiennotizen in HTML5 1 – Die Größe des Zeichenbretts und die tatsächliche Anzeigegröße_HTML5-Tutorial-Fähigkeiten

Beim Schreiben von Breite und Höhe auf Leinwand handelt es sich um die tatsächliche Zeichenflächengröße der Leinwand. Standardmäßig beträgt die Breite 300 Pixel und die Höhe 150 Pixel.
Beim Schreiben im CSS-Stil sind Breite und Höhe die tatsächliche Anzeigegröße.
Nun verwenden Sie Canvas, um als Beispiel eine diagonale Linie zu zeichnen:

Code kopieren

Der Code lautet wie folgt:

;/title> ;
' width="200px" height='200px' style='width:400px;height:200px;' > 🎜>
Der Anzeigeeffekt ist wie folgt:


Wie Sie sehen können, ist das Leinwand-Zeichenbrett ein Quadrat von 200*200, und die Zeichnung verwendet die diagonale Anzeige von (0, 200 ) bis (200, 0).
Aber das Diagramm wird als 400*200-Rechteck angezeigt und zeigt auch Diagonalen an.