Ein bewegtes Tangram

Ein svg-Element wird über den gesamten Screen gespannt width=100%, height=100%.
Sieben Polygone sind zu einem Quadrat zusammengefügt. Die Gruppe beginnt bei 0,0 und wird zunächst 400px nach unten versetzt, mit einer animierten Rotation und Skalierung auf dem Bildschirm sichtbar gemacht.

Die animateTransform-Routine ermöglicht die Verbindung von mehreren Transformationen gleichzeitig. In absoluten Zeitangaben kann der Beginn und die Dauer der Animation gesteuert werden. Rotationen und Skalierungen verändern das Koordinatensystem des transformierten Objekts.

Am Ende der Animation wird mit einem fill="freeze" das Ganze angehalten.