animierte Transformationen

type="scale" from="1" to="1.5" type="rotate" from="0" to="90" type="skewX" from="0" to="50"

Das SVG-Koordinatensystem hat seinen Nullpunkt oben links. Dieser Punkt wird auch als Zentrum der Rotation verwendet, so dass das Rechteck aus dem sichtbaren Kreis verschwinden würde.
Damit das Rechteck sich um sich selbst rotiert, bekommt es ein eigenes Koordinatensystem durch

<g transform="translate( 350,100)">
.