Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Path animation cannot be reversed
See original GitHub issueHi,
Looks like applying direction: 'reverse' to a svg path animation doesn’t work.
Is there a workaround for that (except drawing the path the other way) ?
Issue Analytics
- State:
- Created 7 years ago
- Reactions:1
- Comments:5 (3 by maintainers)
Top Results From Across the Web
After Effects: How To Reverse Path Direction of an Animation
Your browser can't play this video. Learn more. Switch camera.
Read more >Reverse pasted path direction? - Adobe Support Community
Reverse the path direction, then copy it back. This Actually reverses the path direction and isn't a trick that works just in the...
Read more >How to reverse the direction of "follow path" animation? | Forums
I'm trying to animate a sphere and make it follow the path of NURBS ... I'm within the dopnetwork, but I can't see...
Read more >How to reverse direction of object along path
The animated path has a parameter called "Evaluation Time". This shows in percents where is the constrained object along the path.
Read more >Reversing Paths of Motion Path Animations in PowerPoint ...
The simplest Motion Path trick is to reverse them! This option is very helpful if you want an object to animate using a...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Unfortunately this is not possible with the current codebase, but will be fixed in 2.0. Sneak peek:
There is a new anime.path API in V2, and it now supports ‘reverse’ and ‘alternate’ direction. See an example here : http://anime-js.com/v2/documentation/#motionPath
The documentation is still WIP, and I didn’t have the time to write a proper change log yet, but the code is available for testing here : https://github.com/juliangarnier/anime/blob/v2.0/anime.js