SVG Animation entlang eines Pfades

SVG-Animation entlang eines Pfades

Es gibt die Möglichkeit Objekte entlang eines SVG-Pfades zu bewegen. Damit können dynamische Animationen mit komplexen Pfaden gut kontrolliert umgesetzt werden.

Beispiel-Code

Im Beispiel-Code wird die JavaScript-Funktion requestAnimationFrame() verwendet. Diese teilt dem Browser mit, dass unser Code ausgeführt werden soll, bevor das nächste Update der Darstellung der Website auf dem Bildschirm stattfindet. Da die Häufigkeit dieser Aufrufe je nach Gerät variieren kann, muss man einberechnen wieviel Zeit seit dem letzten Aufruf der Funktion vergangen ist.

Beispiel-Code erweitert