.thumb.jpg.45ad1f0654d8c8cd759c47599fe1796d.jpg)
SVG animation freeze
I am integrating a piece of code that was discussed in this forum post:
The code works in itself but while interacting with it, the reverse animation does not show and I noticed in the code inspector that the animated points of the SVG are somehow frozen at 0,0,0,0,0,0. The numbers also shake a little bit as if there is conflicting animation commands freezing it in a certain state. I attached a gif to illustrate this. How can I debug this effectively? No other errors are being shown in the
That is creating some serious issues. You're not saving a reference to anything, so you're creating new event listeners and animations that run independently of each other every time you call that function. What goes on inside a function does not stop when the animation is done. These will continue to run unless you explicitly remove them.
TweenLite.ticker.addEventListener("tick", drawPoly);
window.addEventListener("resize", function() {
TweenMax.set(svg, {
width: target.client
