New with a disappearing SVG element issue

[kvnmcwebn]

Hi, This is my first experiment with GSAP and I want to make sure that I am getting my process right. I would like to to animate a simple scene with svg elements created in illustrator and pasted right into the html as per the code pen example. I'm just looking for simple motion tweens and some easing.

In my example the svg graphic disappears after a few frames of the motion tween. 

It looks like it goes outside of a containing element of it's own dimensions or something.

My process is probably flawed..but I'm not sure where.

Would someone steer me in the right direction?

-best

Kevin

See the Pen KmLXWp by kvnmcwebn (@kvnmcwebn) on CodePen

[kvnmcwebn]

oh ok, there is an svg box around the polygon element. I see, I better do some more tutorials...

[PointC]

Try this article from Sara Soueidan to learn more about the SVG viewBox and coordinate system.

 

https://sarasoueidan.com/blog/svg-coordinate-systems/

 

Happy tweening.

[kvnmcwebn]

Thanks that is way more detailed than what I had been referencing.