Grundform: Animation mit Nutzerinteraktion
SVG-Beispiel: Animation mit Nutzerinteraktion - das
Aktivieren der sieben Kreise beeinflußt die Art der Animation.
Teile der Graphik werden rotiert.
Animierter Außenrahmen
Nullpunkt in die Mitte legen.
Animation der Rotation der beiden großen
Kreise um den Bildmittelpunkt mittels
animateTransform. Start der Animation durch Drücken
des dritten kleinen Kreises links von oben oder
mit einem Verweis - der kleine Knopf rechts unten.
Ein animierter großer Kreis.
Die Animation wird 2s nach Drücken
des Kreises gestartet.
Mit accessKey(a) blau füllen.
Ein anderer animierter großer Kreis.
Die Animation wird 2s nach Drücken
des Kreises gestartet.
Mit accessKey(b) blau füllen.
Die drei kleinen Kreis-Knöpfe unten links
- die ersten beiden zum Beenden der Animation der
großen Kreise, der dritte zum Start der Drehung der
großen Kreise. Der vierte Knopf rechts stellt
etwa das gleiche wie der dritte an, nur mit einem
Verweis. Der fünfte rechts daneben stoppt die
Drehung.
Animation des ersten Kreisedurchmessers beenden.
Animation des zweiten Kreisdurchmessers beenden.
Drehung nach 2s beginnen.