Donner SVG main
0.8.0 ยท 382bd0190.8.0 main
SVG editor and embeddable C⁠+⁠+⁠20 engine.
Loading...
Searching...
No Matches
<animateMotion>

Moves the target along a path while preserving its ordinary transform.

path accepts SVG path data. Alternatively, values or the from, to, and by endpoint forms describe points; a by-only animation is additive. A child <mpath> takes precedence over path. Motion is paced by default; keyPoints and keyTimes control non-paced motion. rotate accepts an angle, auto, or auto-reverse. Timing, additive composition and repeat accumulation are supported.

<circle r="8">
<animateMotion path="M20 20 Q100 120 180 20" dur="3s" repeatCount="indefinite"/>
</circle>