Canvas

Canvas: Pixel-Grafiken innerhalb von HTML erstellen

Das Element <canvas></canvas> in einer HTML-Seite ist eine Oberfläche zum Zeichnen von Grafiken (Bitmap). Die Grafik kann man per Rechts-Mausklick im Browser als PNG-File herunterladen.
Das Werkzeug zum Zeichnen ist JavaScript im Zusammenhang mit der Canvas-API. Man braucht also nur einen Browser und keine besondere Grafiksoftware.

Wir lernen den Umgang mit Canvas kennen

Unsere Beiträge sind als leichtverständliche Einführung gedacht. Bei einigen Beispielen lenken wir die Aufmerksamkeit eher auf Zusammenhänge, die nicht sofort offensichtlich sind und manchmal auch missverständlich sein können.

Doku zu Canvas im Internet

Man findet im Internet ausführliche Anleitungen im Umgang mit Canvas, weiter unten nur einige Quellen.
https://html.spec.whatwg.org/multipage/canvas.html
Das ist die Spezifikation zu Canvas.
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D
Ausführliche Dokumente zum CanvasRenderingContext2D-API
http://canvas.quaese.de/
Canvas und 2D-Zeichenkontext in Deutsch und ausreichend umfassend.