image

13 Das canvas-Element

Du kannst in JavaScript nicht nur mit Texten und Zahlen herumspielen, sondern auch Bilder mit dem HTML-canvas-Element zeichnen. Stelle dir den Canvas als leere Leinwand oder leeres Blatt Papier vor. Fast alles, was du möchtest, lässt sich auf diese Leinwand zeichnen – Linien, Formen und Text. Die einzige Grenze ist deine Fantasie!

In diesem Kapitel zeige ich dir, wie du prinzipiell auf dem Canvas zeichnest. In den folgenden Kapiteln vertiefen wir dieses Wissen und programmieren ein Canvas-basiertes JavaScript-Spiel.

13.1 Einen Canvas erzeugen

Zuerst erzeugst du ein neues HTML-Dokument für das canvas-Element und speicherst ...

Get JavaScript kinderleicht! now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.