Ich habe eine SVG-Datei als Hintergrundbild eines Elements festgelegt. Wenn das Element zum ersten Mal angezeigt wird, wird die Animation korrekt wiedergegeben.

Bei nachfolgenden Anzeigen (z. B. wenn ein Duplikat des Elements über JavaScript eingefügt wird oder wenn das Hintergrundbild mit CSS / JavaScript entfernt und wieder hinzugefügt wird) beginnt die Animation nicht von vorne. Ich denke, dies ist beabsichtigte Funktionalität, da das Bild nicht als vom Browser neu geladen angesehen wird - es verwendet die In-Memory-Version, die bereits animiert ist.

Hier ist eine Demo davon (nicht meine):http://www.luigifab.info/public/svg-smil/test.html

Es gibt einige zugehörige Browser-Fehlerberichte fürFeuerfuchs undChrom, aber wie oben denke ich, ist dies beabsichtigte Funktionalität.

Gibt es eine Möglichkeit, meine SVG-Animation zurückzusetzen / abzuspielen, wenn das Bild angezeigt wird?

Ich suche im Idealfall eine Lösung, die nur CSS und SVG verwendet - ansonsten eine Lösung mit JavaScript, wenn dies nicht möglich ist.