smoothOrigin usage

[Pilatus]

Hello,

 

I was using the smoothOrigin feature but it appears to be working in a different way than the intended one, or maybe just the way I interpret it  .

Basically I scale an element forth and back and it jumps, wasn't it supposed to not jump by default?

It jumps when I scale back to 1 and it doesn't when I scale to 2.

 

Please have a look at the demo.

 

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

[GreenSock]

smoothOrigin is only for elements inside SVG, like <rect>, <path>, <polygon>, etc. Not the actual <svg> element itself which is considered a "normal" DOM element. You were animating the <svg> container/canvas itself. See what I mean? If you tried animating the <path> that you've got in there, smoothOrigin should work great.  

[Pilatus]

Thanks for the clarification Jack.

Any plan in the near future to make it work also for DOM elements?

[GreenSock]

Not really - we're waiting to see how much of a demand there is, and how "smoothly" things go on the SVG side of things first (couldn't resist the pun). Not sure it's a wise change to make on typical DOM elements at this point, especially because it could break legacy projects. But if we get tons of requests, we'll definitely consider it. 

[Pilatus]

Understand perfectly, then I vote for the change , thanks.