Tamas

How to use Draw SVG Plugin

Recommended Posts

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

 

Share this post


Link to post
Share on other sites

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 membershttp://greensock.com/club/

  • Like 3

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
1 hour ago, Admin2015 said:

can you share all this plugins cdn 

 

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

 

 

 

  • Like 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.