Beginner drawSVG question

[Facet Wealth 2 Likes (Newbie)]

Hi there, first post on the forums. Excited to be using Greensock, it's been great so far.

 

I'm trying to accomplish 2 drawSVG staggered animations on an SVG path using Timeline:

 

1) Draw the stroke

2) Draw the fill

 

If I combine them into one Tweenmax.from() call, it works great. However, when I stagger them, the 2nd from() call where I'm passing fill is trying to redraw the stroke as well.  Is it possible to let the call know to ignore the stroke in the 2nd from() call?

Thanks!

[Sahil 2,657 Likes (Superhero)]

You can only animate stroke, fill cannot be drawn. Following is the thread that discusses same, you can get some tricks from it on how you can use mask to imitate drawing fill.

 

 

[Facet Wealth 2 Likes (Newbie)]

Yessir, using the CSSPlugin to do fill in the 2nd call separate from SVGDraw is working great. Thank you for the quick response!

[Sahil 2,657 Likes (Superhero)]

Great, so your question is resolved?

[Facet Wealth 2 Likes (Newbie)]

Yes, got it working, thank you.