1

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?

Limon Monte
  • 52,539
  • 45
  • 182
  • 213
Bradley Bossard
  • 2,439
  • 2
  • 23
  • 30

1 Answers1

1

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.

Fuzzyma
  • 7,619
  • 6
  • 28
  • 60