suchen

Heim >Web-Frontend >H5-Tutorial >HTML5-Canvas – Zeichnen Sie einfache Rechtecke und Dreiecke, Beispielcode_html5-Tutorial-Fähigkeiten

HTML5-Canvas – Zeichnen Sie einfache Rechtecke und Dreiecke, Beispielcode_html5-Tutorial-Fähigkeiten

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-05-16 15:49:341928Durchsuche

Platzieren Sie zunächst ein Canvas-Element in der HTML-Seite, wobei das Canvas-Element drei Attribute haben sollte: ID, Breite und Höhe.

Code kopieren
Der Code lautet wie folgt:



Holen Sie sich das Canvas-Objekt und den Kontext var cxt=document.getElementById('demo').getContext( „2d“); Der Parameter 2d wird ermittelt.

Beginnen Sie mit dem Zeichnen. Es gibt zwei Formen, eine ist Füllung und die andere ist Strich.

Javascript-Code:

Code kopieren
Der Code lautet wie folgt:




Rendering:

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
Vorheriger Artikel：Die HTML5-Komponente Canvas realisiert BildgraustufenNächster Artikel：Die HTML5-Komponente Canvas realisiert Bildgraustufen

In Verbindung stehende Artikel

Mehr sehen