thei Posted October 20, 2021 Share Posted October 20, 2021 Hello, I see many examples on how to animate the length of a path when it has a stroke. How can I animate the length of a path when it does *not* have a stroke? i.e. it's a filled path, with no stroke. See attached SVG for a simple example. How would I animate this so that it started at one end, and "drew itself" until it was completed? Thanks! home-hero-squiggle.svg Link to comment Share on other sites More sharing options...
OSUblake Posted October 20, 2021 Share Posted October 20, 2021 Welcome the forums @thei You really can't animate a filled path like a stroke. At least not directly. What you can do is animate a mask that traces over your path. @PointC has wonderful tutorial that goes over this technique. https://www.motiontricks.com/svg-calligraphy-handwriting-animation/ 3 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now