SVG mit JavaScript animieren
bearbeitet von Matthias Apsel
 Matthias Apsel
    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)
 nicht angemeldet
 nicht angemeldet