Bezierkurven mit Canvas zeichnen

Kreise gehören wie Bezierkurven, Linien und quadratische Kurven zu den komplexen grafischen Objekten, die mit Hilfe der Pfadtechnik gezeichnet werden.

 context.beginPath();
// Kreis um den Mittelpunkt (90, 90) mit Radius 80 zeichnen
context.arc(90, 90, 80, 0, Math.PI*2, false);
// Kreis um den Mittelpunkt (250, 90) mit Radius 40 zeichnen
context.arc(250, 90, 40, 0, Math.PI*2, false);
//Pfad schließen
context.closePath();
//Linie zuweisen, sonst ist nichts zu sehen
context.stroke();

Wenn man sich dieses erste Beispiel ansieht, dann stellt man fest, dass zwischen diesen beiden

Beispiele ansehen