Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > H5-Tutorial > 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

Freigeben： 2016-05-16 15:50:33

Original

1456 Leute haben es durchsucht

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.

Verwandte Etiketten：

canvas

Quelle：php.cn

Vorheriger Artikel：Implementierung neuer Tags mit HTML5 in alten Browsern wie IE6 series_html5 Tutorial-Tipps Nächster Artikel：Einführung in das neue Array TypedArray, Einführung in HTML5_HTML5-Tutorial-Fähigkeiten

Erklärung dieser Website

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

Neueste Artikel des Autors