Help needed with drawSVG plugin (want to achieve Handwritten effect)

[Anastasiya33]

Hi guys, 
Could you please help me with drawSVG plugin?

Want to achieve Handwritten effect, I have the codepen with just this js:

gsap.registerPlugin(DrawSVGPlugin) 
gsap.from(".draw-me", {duration:10,drawSVG: 0});

But I don't see the animation at all

See the Pen KKExMpN?editors=1010 by anastasiya33 (@anastasiya33) on CodePen

[mvaneijgen]

You don't see anything because there is no stroke visible to animate. DrawSVG animates the stroke of and element. Here is your pen with the stroke visible and thus you can see what DrawSVG is doing. 

 

 What you're probably are looking for to draw the paths in the font you've outline here, that is not possible by default, but our own @PointC got you covert and has written a tutorial that walks you through the process of creating this, see https://www.motiontricks.com/svg-calligraphy-handwriting-animation/ 

 

Hope it helps and happy tweening! 

 

See the Pen oNVPLOv by mvaneijgen (@mvaneijgen) on CodePen