SVGJS Plugin

[Rob]

Hey All,

I have been working with svg.js a lot recently.

I noticed you guys have a raphael plugin, which is brilliant.

 

svg.js and Raphael are very similar however svg.js has the added bonus of being able to work with masks and clipping paths.

 

I have created my own plugin which is basically your Raphael plugin with some modifications, it works nicely for transforming svgjs objects, the only thing it doesn't allow you to do alter the transformation origin/anchor, im currently trying to work this out because svg.js doesn't have native support for this unfortunately.

 

If you're interested at all I've dropped it onto a gist

 

All the best,

Rob

[Carl]

Hi Rob,

 

Thanks for taking a shot at the SVGPlugin, seems like you accomplished quite a bit. 

It would be really helpful to see some demos of it in action, can you create a simple codepen demo or post a zip?

[Rob]

Hey Carl.

It's currently part of a project which is wip.

 

I have a demo here:

http://robaldred.co.uk/js-tweenmax/svg/transitions.html

 

Zip:

http://robaldred.co.uk/js-tweenmax/svg/transitions.zip

 

If you need more demos, I'll spend some time over the weekend.

Cheers.

Rob

[Carl]

Rob, 

 

Wow. That is super impressive. Silky smooth. Thanks so much for sharing. 

 

FYI, the next phase of greensock.com is going to allow us to more heavily and visibly promote plugins created by community members. 

 

We've been hearing more and more chatter about animating svg, especially since snapsvg came out, so I think there will definitely be interest in your plugin. 

 

I think if you came up with a simple blog post with examples or put some usage samples / docs on Git it would do a lot to help folks get started with it.

 

Again, really love what I've seen so far. 

[Praney Behl]

Hey @Rob,

 

Thanks for the plugin, but is there any documentation on this like function reference or something. It would really help.