drawSVG bug?

[jorma]

The initial state of the animation the very first time the page is initialised seems incorrect. The line in my CodePen is drawn from the start state of the last tween, not the first. This only happens the first time the drawing is animated. To reproduce this behavior just change the log text and watch the animation.

See the Pen vzmqBw by jormaturkenburg-the-typescripter (@jormaturkenburg-the-typescripter) on CodePen.

[Sahil]

Not a bug. You have two fromTo tweens which have immediateRender set to true by default. So when second fromTo executes, it immediately renders your path to that value. You can either set immediateRender to false or use a 'to tween'.

 

See the Pen aawobp?editors=1010 by Sahil89 (@Sahil89) on CodePen.

 

[jorma]

Got it. Thank you!

[Carl]

Yup, Sahil is exactly right. In case you need more help understanding immediateRender check out this video

 

 

Also, a little tip for using CodePen. You shouldn't have to change a log() or any code to get your demo to run. You can enable a "run" button via the pen's settings as shown here:

 

 

Your pen with "run" button enabled

 

See the Pen dqRoag by GreenSock (@GreenSock) on CodePen.

 

Hope that helps