DrawSVG Not Animating Full Path

[tone4407]

Any idea why the path isn't starting at the 0 point and ending at 100?

See the Pen dYrWZE by tone4407 (@tone4407) on CodePen

[GreenSock]

It looks like your SVG points had an extra space at the end. Trim that off and you should be okay. I'll look into sensing that in the plugin for a future release too. 

 

In other words:

//BAD:
<polygon points="...279.4,44.6 238.4,141.2 ">

//GOOD:
<polygon points="...279.4,44.6 238.4,141.2">

[Diaco]

Hi tone4407 

 

Yep , you have some issues in your SVG  ( as jack mentioned space at the end + line break in your polygon points + ... ) , you can fix svg issues with this online tool : https://jakearchibald.github.io/svgomg/

 

pls check this out : 

See the Pen yYwXpZ by MAW (@MAW) on CodePen

 

btw , this's the DrawSVGPlugin link ( codepen version ) : https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/DrawSVGPlugin.js