Hi(gh)!
Dieses Beispiel:
<rect x="0" y="0" width="5" height="3" fill="#fc0" />
<rect x="0" y="0" width="5" height="2" fill="red" />
<rect x="0" y="0" width="5" height="1" fill="black" />
tut nicht das, was es laut Tutorial tun soll - mitnichten füllt das "Gold" die ganze Grafik, sondern man sieht nach wie vor eine korrekt dargestellte deutsche Flagge!
Die Reihenfolge der Rechtecke muss umgekehrt werden:
<rect x="0" y="0" width="5" height="1" fill="black" />
<rect x="0" y="0" width="5" height="2" fill="red" />
<rect x="0" y="0" width="5" height="3" fill="#fc0" />
dann überdeckt tatsächlich das zuletzt gezeichnete goldene Rechteck die beiden anderen Rechtecke!
Bis bald im Khyberspace!
Yadgar