Information Technology Reference
In-Depth Information
Methode
closePath()
kennen Sie noch nicht: Sie verbindet den letzten Punkt
wieder mit dem Anfangspunkt und bewirkt damit das Schließen des Rechtecks.
Auf den ersten Blick noch komplizierter erscheint die zweite Variante, Kreisbö-
gen zu erstellen: die Methode
arc()
. Neben Zentrum und Radius müssen jetzt
auch noch zwei Winkel und die Drehrichtung übergeben werden.
context.arc(x, y, radius, startAngle, endAngle, anticlockwise)
Abbildung 5.12:
Die Pfadmethode »arc()«
Der Ausgangspunkt für den
arc
in Abbildung 5.12 ist das Zentrum eines Krei-
ses mit gegebenem Radius. Von dort aus werden über die Winkel
startAngle
und
endAngle
zwei Zeiger konstruiert, die den Kreis in zwei Punkten schneiden.
Die Richtung des Kreisbogens zwischen diesen beiden Koordinaten bestimmt
der Parameter
anticklockwise
, wobei 0 für
im Uhrzeigersinn
und 1 für
gegen
den Uhrzeigersinn
steht.
Der resultierende
arc
beginnt somit im Zentrum des Kreises bei
x0
/
y0
, ver-
bindet dieses in einer gerade Linie mit dem ersten Schnittpunkt
spx
/
spy
und
zeichnet von dort aus den Kreisbogen zum Endpunkt
epx
/
epy
, der dann zum
neuen aktuellen Punkt wird.