Not working out DrawSVG plugin

[fernandofas 11 Likes (Newbie)]

Hi there,

 

I'm starting to use DrawSVG and I really can't make the drawing properly.

 

I read the tutorials and watched the videos a few times and all that I need is to make the drawing properly.

 

Firstly, I don't want the text coming up first, I want the drawing happening along the duration of the tween and revealing the text.

 

 

Please let me know what's is wrong with my pen.

 

It's an excellent plugin and we have the business club here at work, but I'm testing all the plugins before we place into our production.

 

Any help it will be great.

 

 

Kind regards,

 

 

Fernando Fas

See the Pen LkXxLm by fernandofas (@fernandofas) on CodePen

[Ihatetomatoes 147 Likes (Specialist)]

Hi Fernando, you have to target the individual paths inside of the SVG instead of the SVG itself.

 

Here is the updated CodePen:

 

See the Pen e3d7fc0fcc29b80c115fc7e6d4be97a3 by ihatetomatoes (@ihatetomatoes) on CodePen

 

Also note that I have set the TO value to be "100%" instead of 100, because the length of each letter is different.

 

100% will always animate the path to the full length.

 

Hope that helps.

[fernandofas 11 Likes (Newbie)]

Hi Petr,

 

Thanks to clarify it. Now I'm gonna do amazing stuff with the plugin.

 

You rock \m/.