stroke und fill tauschen SVG 1.1 bietet nicht direkt die Möglichkeit, die Reihenfolge von stroke und fill zu tauschen. Um dies zu erreichen, ist einfach die gleiche Form zweimal zu verwenden, einmal nur mit Füllung und ohne Strich und einmal mit Strich und ohne Füllung, wobei dann jeweils die Variante mit Füllung hinter die mit Strich gesetzt wird. Links sieht man den Effekt ohne Opazität, in der Mitte und rechts mit Opazität. Rechts wird zudem das Element per use wiederverwendet, was insbesondere bei komplizierteren Pfaden sinnvoll ist oder wenn die Reihenfolge per Animation geändert werden soll (wozu man dann am einfachsten diese use-Elemente mit weiteren, animierten use-Elementen zeitabhängig referenziert.