nik314 Posted August 25, 2023 Share Posted August 25, 2023 I have an SVG logo that I am trying to animate in React.js. I was wondering if there is a way to animate this logo with multiple paths, where the lines can be drawn at the same time See the Pen KKbdZQw by Nikhil-Kharbanda (@Nikhil-Kharbanda) on CodePen Link to comment Share on other sites More sharing options...
Cassie Posted August 25, 2023 Share Posted August 25, 2023 Hi - your SVG isn't correctly set up for drawSVG See the Pen vYvNdOP by GreenSock (@GreenSock) on CodePen You can see that you have stroked paths with fill rather than paths that are *just* a stroke. If you need variable width this is a good article - otherwise I would suggest redrawing it with the pen tool so that it's just paths with one consistent stroke. https://www.motiontricks.com/svg-calligraphy-handwriting-animation/ 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