resizing morphSVG on canvas after animation is complete

[Nysh]

Hey guys, 

 

I've been following some threads / tutorials on rendering SVG on canvas.

My issue is quite simple. I'm trying to make a gooey menu entrance/exit animation using canvas. If I resize the window after the gooey menu is open, the menu suddenly disappears~ I've made a simple codepen to demonstrate.
If the animation is on repeat, and then resize it works fine, so I'm guessing the issue has to do with the my resize and/or animation function? Not sure why it's happening.

Any help is greatly appreciated. Thanks in advance

See the Pen bGpMwXP by Nysh (@Nysh) on CodePen

[ZachSaucier]

Hey Nysh. You just need to draw the path to the canvas again after your resize changes (put this at the end of your setCanvasSize function):

draw(MorphSVGPlugin.stringToRawPath(start3.getAttribute("d")), start3);

 

[Nysh]

Zach! Thanks so much mate. That worked

 

See the Pen qBZYPMM?editors=1010 by Nysh (@Nysh) on CodePen