SVG Objekt spiegeln

Wer schon einmal ein komplexes Objekt, z.B. eine „animierbare“ Figur erstellt hat, möchte für die gespiegelte Variante nicht den ganzen Code kopieren. Hierfür habe ich eine Funktion gesucht, die meine Figur spiegelt.

Dazu sollte sich die Figur – „während“ der Spiegelung – vorzugsweise im Koordinatenursprung befinden, ansonsten muss anschließend der Versatz korrigiert werden.


<use xlink:href="#figur" transform="matrix(-1 0 0 1 0 0 )"/>
<use xlink:href="#figur" transform="scale(-1)"/>

Quellen

Schreibe einen Kommentar