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

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: