ferriss Posted December 27, 2021 Share Posted December 27, 2021 Hi, Trying to get an animation working together from a couple of examples. I've got the perfect setup for the SVG path and speed, but this is a single path, I'm of the understanding that I require this so be done via Canvas if I want to apply a rough brush effect seen here — See the Pen GJrxdR by lbebber (@lbebber) on CodePen Unless there is another way to apply a rough brush effect and maintain an animation, but I suspect not as it needs to follow a single path? Couldn't find any examples that mix this brush effect and canvas. Thanks See the Pen ZEXveqV by CHEWX (@CHEWX) on CodePen Link to comment Share on other sites More sharing options...
OSUblake Posted December 27, 2021 Share Posted December 27, 2021 You could try using masking, like on this excellent tutorial by @PointC https://www.motiontricks.com/svg-calligraphy-handwriting-animation/ 3 Link to comment Share on other sites More sharing options...
ferriss Posted December 29, 2021 Author Share Posted December 29, 2021 Thanks, I used a mask! It's a bit dis-jointed and feels hacky, I think using Canvas would be better, but it's fine for my example. 1 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