Mam zestaw SVG jako obraz tła elementu. Przy pierwszym wyświetleniu elementu animacja jest odtwarzana poprawnie.

Na kolejnych ekranach (np. Jeśli duplikat elementu jest wstrzykiwany przez JavaScript lub jeśli obraz tła jest usuwany i dodawany z powrotem za pomocą CSS / JavaScript), animacja nie rozpoczyna się od początku. Myślę, że jest to zamierzona funkcjonalność, ponieważ obraz nie jest uważany za przeładowany przez przeglądarkę - używa wersji w pamięci, która już animuje.

Oto demo tego (nie moje):http://www.luigifab.info/public/svg-smil/test.html

Istnieją powiązane raporty dotyczące błędów przeglądarkiFirefox iChrom, ale jak powyżej myślę, że jest to zamierzona funkcjonalność.

Czy jest jakiś sposób, aby moja animacja SVG była resetowana / odtwarzana za każdym razem, gdy wyświetlany jest obraz?

Idealnie szukam rozwiązania z wykorzystaniem tylko CSS i SVG - w przeciwnym razie rozwiązanie z JavaScript, jeśli nie jest to możliwe.