Skip to main content
Participant
June 18, 2022
Answered

SVG animateMotion along circle instead on path

  • June 18, 2022
  • 1 reply
  • 280 views

Is there a way to make an object move, not along the path, but along a circle? For Example:

<animateMotion path="M 0,0 C -50,100 -150,100 -200,0" begin="2s" dur="3s" fill="freeze" /> 

This works because we added a path.

Is there a way to do it where you can replace a path with a cricle (in the example), or with any other object?

<animateMotion
<circle cx="865.9" cy="539.6" r="499.1"/>
begin="2s" dur="3s" fill="freeze" /> 

Also, only using SVG, no HTML (need to send a project as .SVG file)

This topic has been closed for replies.
Correct answer Myra Ferguson

You might want to animate your Illustrator content in Animate where you can define a circular path as a motion guide. Here's more information:

1 reply

Myra Ferguson
Community Expert
Myra FergusonCommunity ExpertCorrect answer
Community Expert
June 20, 2022

You might want to animate your Illustrator content in Animate where you can define a circular path as a motion guide. Here's more information: