SVG mit JavaScript animieren
bearbeitet von
Hallo!
Danke für die Antwort
Werd mich gleich an die Arbeit machen.
Liebe Grüße
> Servus!
>
> > Bin auf JavaScript angewiesen, denn die einzige, mir bekannte, Möglichkeit SVG Grafiken im IE und Edge zu animieren besteht darin Javascript zu verwenden.
>
> Du hast Recht
>
> * Animationen mit [SMIL](http://wiki.selfhtml.org/wiki/SMIL) funktionieren nicht im Internet Explorer.
>
> * Die CSS-[animation-](http://wiki.selfhtml.org/wiki/Animation)Eigenschaft geht ab IE10 (IE8+9 jeweils nur noch ein halbes Prozent Nutzer), allerdings gilt das nur für CSS und nicht für SVG
>
> Alternativen mit JavaScript:
>
> * Ladebalken mit [setTimeout](http://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Fader-Framework/Animieren_in_JavaScript) - allerdings veraltet, mit FF47 kommt element.animate, für das es bereits einen Polyfill gibt. Dann werden wir dieses Beispiel aktualisieren.
>
> * [requestAnimationFrame](http://wiki.selfhtml.org/wiki/RequestAnimationFrame#Anwendungsbeispiel)
>
> Die Beispiel müsste auf SVG umgebaut werden.
>
> Matthias Scharwies
>
>
> --
> Es gibt viel zu tun - packen wir's an:
>
> * [ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)
>
> * [gewünschte Seiten](http://wiki.selfhtml.org/wiki/Spezial:Gew%C3%BCnschte_Seiten)