Need more information on SVGPlugIn

[sjerrentrup 0 Likes (Newbie)]

Hi,

 

Are there any written tutorials on using the SVGPlugIn and complex SVGs?  I'm getting new to SVG animation and would like some help.  I see some examples on CodePen, but I need more indepth information on how it all works etc.

 

Thanks.

[PointC 8,599 Likes (Superhero)]

Have you read this yet? It's been quite helpful to me. 

 

http://greensock.com/svg-tips

[Diaco 1,948 Likes (Superhero)]

Hi sjerrentrup 

 

we dont have any GSAP plugin that called " SVGPlugIn " !...

 

if you mean DrawSVGPlugin , pls check this Codepen Collection : http://codepen.io/collection/DYmKKD/

 

specially this one : 

See the Pen bNdLyR by GreenSock (@GreenSock) on CodePen

[sjerrentrup 0 Likes (Newbie)]

Thanks for the answers.  What I'm looking for is more of an instructional manual.  New to SVGs and I just want to know where I place my code etc., like the paths and so forth on my designs.  I'm more of a designer.  There's so much SVG code, I'm not sure where to start.

[OSUblake 9,990 Likes (Superhero)]

It can look very cryptic at first, but once you understand what all those letters and numbers mean, it becomes much easier. To start learning SVG, I would start at Jakob Jenkov's site. He does a great job of explaining the basics.

 

http://tutorials.jenkov.com/svg/index.html

[PointC 8,599 Likes (Superhero)]

Another great teacher is Sara Soueidan. She is writing loads of great information about SVGs. I'd highly recommend following her and reading her in depth blog posts. She's also a huge GreenSock fan. 

 

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