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

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

WBOY
WBOYOriginal
2016-05-16 15:50:331436Durchsuche

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.
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn