CODEWITHSUNDEEP
svg.jssvg-morphing
Bradley Bossard
Bradley Bossard

Reputation: 2519

Is svg.js capable of path morphing animation

I've written a tool for creating animated svgs using path morphing. Currently, my tools rely on just building the code out of strings, but I was interested in transitioning to the svg.js library. I've kind of run into a roadblock with the path morphing piece though, i.e. to create something like this

http://letmespellitoutforyou.com/samples/svg/anim_morph.svg

I don't see anything in the svg.js docs concerning animation

http://documentup.com/wout/svg.js#animating-elements

that talk about animating the 'd' attribute and supplying it with to= and from= parameters. Can someone tell me if this is supported, how I might do it, and if it's not, is it possible to just compose the element myself and add it to an svg.js object?

Upvotes: 1

Views: 1084

Answers (1)

Fuzzyma
Fuzzyma

Reputation: 8484

Old questions deserve an answer, too.

Pathmorphing was finally added to svg.js as plugin. You can get it here: svg.pathmorphing.js.

Please note that it is currently not possible to morph arcs into eachother.
Everything else works very well.

Upvotes: 1

Related Questions