JavaScript für Kids - Programmieren lernen ohne Vorkenntnisse

Kapitel 11: Jetzt wird es bunt: Grafik in JavaScript

Mit grafischen Elementen hatten wir ja schon einiges zu tun, aber kann man mithilfe von HTML und JavaScript richtig zeichnen und malen? Schauen wir mal, welche Möglichkeiten es da gibt. Ein bisschen Kreativität von dir ist natürlich auch nötig. Wie hübsch die Grafiken werden, hängt auch davon ab, wie du die vorgestellten Methoden weiterverwendest.

In diesem Kapitel lernst du

• mit der Komponente Canvas umzugehen

• wie man Linien, Rechtecke und Ellipsen darstellen kann

• wie man Text direkt im Fenster anzeigt

• wie man Farbe und Schrift einsetzt

• etwas zum Event-Handler

• wie man die Maussteuerung zum Zeichnen einsetzt

Von Punkten und Koordinaten

Wenn es um Grafik geht, muss auch das Koordinatenkreuz ...