How to animate scale when scaleX and scaleY are different?

[rafaelbuiu]

Trying to animate the size of a rectangle shape based on width and height, but I can't see how to do it with paper-animate.

I already have the values for scaleX and scaleY. They work fine when scaling using the function of PaperJS, but it's not animated.

function resize(elem,width,height){
   var scaleX = width/elem.bounds.width;
   var scaleY = height/elem.bounds.height;
   elem.scale(scaleX,scaleY); 
}

Is the a way to use something like:

this.animate({
 properties: {
  scale: {
    x: 2.554
    y: 1.443
   }
  },
  settings: {
   duration: 400
  }
 });

Thanks guys.

[camille-hdl]

Hi, I'm away on vacation right now, I'll get back to you when I get back in a few weeks. From what I can tell, what you're trying to do is not supported by the lib, but you can try to implement it yourself by looking at the "extend property hooks" section in the read me. I'm on my phone so I can't give you an example just now. Hope this helps for now! Cheers

…

Le 16 juil. 2017 à 03:05, Rafael Buiu ***@***.***> a écrit : Trying to animate the size of a rectangle shape based on width and height, but I can't see how to do it with paper-animate. I have the values for scaleX and scaleY. They work fine when using then with the scale function of PaperJS, but it's not animated. function resize(elem,width,height){ var scaleX = width/elem.bounds.width; var scaleY = height/elem.bounds.height; elem.scale(scaleX,scaleY); } Is the a way to use something like: this.animate({ scale: { x: 2.554 y: 1.443 } }, settings: { duration: 400 } }); Thanks guys. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or mute the thread.