Canvas kurz & gut

Kurven zeichnen und füllen

Ein Pfad ist eine Folge von Teilpfaden, und ein Teilpfad ist eine Folge verbundener Punkte. In den Pfaden, die wir in den Beispielen 1.1 und 1.3 definiert haben, wurden diese Punkte durch gerade Liniensegmente verbunden, aber das muss nicht immer der Fall sein. Das CanvasRenderingContext2D-Objekt definiert eine Reihe von Methoden, die einem Teilpfad einen neuen Punkt hinzufügen und diesen über eine Kurve mit dem aktuellen Punkt verbinden:

arc()

Die Methode fügt dem aktuellen Teilpfad einen Kreisbogen hinzu. Sie verbindet den aktuellen Punkt über eine gerade Linie mit dem Anfang des Bogens, dann den Anfang des Bogens über einen Kreisbogen mit dem Ende des Bogens und macht das Ende des Bogens zum neuen aktuellen Punkt. ...