SVG mit JavaScript animieren

[Matthias Scharwies]

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 funktionieren nicht im Internet Explorer.

• Die CSS-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 - allerdings veraltet, mit FF47 kommt element.animate, für das es bereits einen Polyfill gibt. Dann werden wir dieses Beispiel aktualisieren.

• requestAnimationFrame

Die Beispiel müsste auf SVG umgebaut werden.

Matthias Scharwies