Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

hrvoje

Members
  • Posts

    4
  • Joined

  • Last visited

Posts posted by hrvoje

  1. New to GSAP, sorry if I'm missing something obvious, but I'm having a hard time understanding tween transformations.

     

    Please look at the codepen. I have three squares of dimension 10 at origin (10,10). Blue has been translated x+10 then scaled to half. Red has been scaled to half, then translated x+10.

     

    The black square I transformed using TweenMax.to() with x=10, scale=0.5 and it animates to a completely different location than the blue or red squares. I would expect it to either scale then transform, or vice versa.

     

    How would you explain GSAP g tweening in relation to basic SVG transformations?

     

    See the Pen GWboXJ?editors=1010 by hrvojesimic (@hrvojesimic) on CodePen

  2. Thanks for the answer. Was this limitation documented somewhere? If it was I missed it :(

    I'm generating SVG programatically on server, and then I run GSAP animations on client. I've switched to matrix() transformations and now it works fine. It's just that translate()/scale()/rotate() are more human readable :)

×