[Starting point of Animation using DrawSVGPlugin]

Hi there,

 

I've got an SVG circle that I'm drawing using the DrawSVGPlugin. Say I want to draw from 12 o'clock to 9 o'clock, I would use `drawSVG: '0 75%'`. However, when I do this, for some reason my drawing is always starting at 3 o'clock. So `drawSVG: '0 75%'` ends up animating from 3 o'clock to 12 o'clock. My questions are, why is my animation always starting at 3 o'clock? And how do I get it to start at 12 o'clock? Maybe this is more of an issue with my SVG? I'm a rookie at SVGs so I'm not sure.

 

I've attached a codepen which will hopefully illustrate the problem.

 

Thanks

See the Pen xgWOvP by MaxMillington (@MaxMillington) on CodePen

[Partial Motion Along a Curve]

Perfect. Thank you very much

[Partial Motion Along a Curve]

Hi,

 

I'm trying to animate an object around a curve, but I don't want the entire motion to be completed. For instance, if I was moving around a clock, I don't want to go from 12 o'clock to 12 o'clock, but instead 12 o'clock to 3 o'clock. Does any one know if this is possible? I've attached a Codepen that I've been working from. I'm also using the MorphSVGPlugin to animate my SVG object around a path defined by another SVG.

 

Thanks

See the Pen VerMWX by anon (@anon) on CodePen

[Import MorphSVGPlugin from GSAP Business Green using NPM]

Hi,

 

I've got a business account with GSAP. I need to get access to MorphSVGPlugin. Before becoming a business customer, I just installed the gsap npm library https://www.npmjs.com/package/gsap, and then imported what I needed from there. However, I don't think MorphSVGPlugin is available in that library. Is there a way to get access to the plugin using npm? Or do I just have to download and drop the whole gsap-business-green folder into my project?

 

Thanks