emilyyoung

Oh my gosh I think you have saved me hours of head ache. Completely missed the autoRotate property. Managed to get it working how I expect in 5 minutes! Thank you so much for pointing me in the right direction

Hi, Sorry I wasn't very clear. I have yet to do anything with the arrows as I am still trying to understand how I would approach the animation. Each white arrow should reside inside the grey circle and follow the circles along the path. Here is an image of what the circles and arrows are supposed to look like:- The issue I am having is how would I go about changing the position of the arrow depending on where it is along the path? For example, the first circle and arrow is facing downwards but this would look odd once it changes direction and goes left, the circle will still face downward. I've spent a good while looking into this and I am not certain it is possible or if I am making this way more complicated than it needs to be! Thanks

Hey all, I have a query regarding animating along an SVG path. I have been able to get the circles animated as per the codepen demo but due to the path going in different directions, i'm struggling to figure out what I do with the arrows. Basically, the arrows are down, left and right and I was wondering if there was a way that I could change the direction of these arrows depending on where they are along the path? I just think the animation will look odd when the arrow is animating downwards but is facing right for example. The codepen demo is as far as I have got in terms of animating this. Thanks