How to use Draw SVG Plugin

[Tamas]

I have simple question. 

 

When I going to use the Draw SVG Plugin does it work like, that I have a svg illustration and I drag it into the plugin and the plugin will create the path code and animation as well? 

The plugin automatically convert the svg into js path codes?

So I don't need to write the illustration lines in js? 

 

I'm quite beginner so hope it's clear what is my question!

Thanks in advance for all advice

 

[Diaco]

Hi Tamas 

 

there isn't any conversion , as you can read in DOCs. :

 

DrawSVGPlugin allows you to progressively reveal (or hide) the stroke of an SVG <path>, <line>, <polyline>, <polygon>, <rect>, or <ellipse> and you can even animate outward from the center of the stroke (or any position/segment). It does this by controlling the stroke-dashoffset and stroke-dasharray CSS properties :  http://www.w3schools.com/svg/svg_stroking.asp

 

 pls check these out :

 

- i think this article worth to read for you :  http://css-tricks.com/using-svg/

 

- DrawSVG Doc. + video tutorial : http://greensock.com/docs/#/HTML5/Plugins/DrawSVGPlugin/

 

- you can find DrawSVG plugin starting codepens here : http://codepen.io/collection/DYmKKD/

 

- and don't forget that DrawSVGPlugin is a bonus plugin for all Club GreenSock members : http://greensock.com/club/

[Tamas]

Hi Diaco.AW,

 

thank you for making clear my dilemma, you answered exactly what I was looking for!

I going to try the plugin.

If I will need other future help in mater of using the DrawSVGplugin, I will write here if you don't mind.

 

Cheers

Tamas

[Admin2015]

can you share all this plugins cdn 

[OSUblake]

1 hour ago, Admin2015 said:

can you share all this plugins cdn 

 

There isn't one. Same thing you asked here.