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

[Irfanm 2 Likes (Newbie)]

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

 

TweenLite.to("#D",.001,{drawSVG:"0%"});

TweenLite.to("#enali",.001,{drawSVG:"0%"});

TweenLite.to("#D",1.61803,{drawSVG:!0,delay:.48});

TweenLite.to("#enali",.5,{drawSVG:!0,delay:2.11803});

 

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!

[PointC 8,599 Likes (Superhero)]

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

 

Happy tweening.

 

[Irfanm 2 Likes (Newbie)]

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!

[PointC 8,599 Likes (Superhero)]

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