Information Technology Reference
In-Depth Information
Wollen wir Pfade mit einer Farbe oder Gradiente füllen, müssen wir zuvor das
entsprechende Stilattribut über
fillStyle
setzen und im Anschluss daran die
folgende Pfadmethode aufrufen:
context.fill()
So einfach das klingt, so kompliziert kann es werden, wenn sich Pfade selbst
schneiden oder ineinander verschachtelt sind. Dann kommt die sogenannte
Nonzero-
Füllregel zum Tragen, die anhand der Laufrichtung der beteiligten
Pfadbestandteile entscheidet, ob gefüllt wird oder nicht.
Abbildung 5.16 zeigt die
Nonzero-
Regel in Aktion. Links sind beide Kreise im
Uhrzeigersinn gezeichnet, und rechts läuft der innere Kreis gegen den Uhrzei-
gersinn und bewirkt damit das Loch in der Mitte.
Abbildung 5.16:
Die Nonzero-Füllregel bei Pfaden
Beim Zeichnen der gerichteten Kreise hilft uns übrigens wieder das Helfer-
lein aus dem
arc()
-Abschnitt, diesmal mit einer kleinen Modifikation: Die ge-
wünschte Richtung wird nun als Argument übergeben. Gültige Werte für
anti-
clockwise
sind
0
und
1
.