Jump to content


Does anyone know why the SVGDraw plugin is not working here?

Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

I'm trying to draw two SVG paths with the DrawPlugin, I've included the plugin as well as tweenLite.







I've used this code before. First I undraw the paths or set it to zero and then I draw the first letter and then after a delay, draw the rest of the letters.


The site is here: thesouthface.co. It is still under development and is image heavy/take a while to load. But the SVG draw should be the first thing that happens.


Thank you for the help!

Link to comment
Share on other sites

I'm not seeing any strokes on the paths. DrawSVG doesn't work with fills -- only strokes.


Happy tweening.



Link to comment
Share on other sites

Oh, that's right. I've converted it to a stroke, but now it is not drawing.


It is not showing up, but I believe that is because it is at 0% and it hasn't drawn.


Might you have any suggestions on why it isn't showing up or drawing?


Thank you so much!

Link to comment
Share on other sites

hmmm... I just looked at your link again and I'm still not seeing any strokes. Here's your SVG and code dropped into a demo. I've added the stroke via CSS and all seems to be working. 


See the Pen YvdLdW by PointC (@PointC) on CodePen


  • Like 3
Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.