AS3 using a Matrix to "scale" an object from its "center"

Question

Hi all,

Here's something I'm trying to figure out concerning display objects in ActionScript3 / Flex. Let's say you have a display object who's registration point is in the top left and you want to scale it from its center (middle of the display object), How could you easily acheive this with the flash.geom.Matrix class

Thanks for your help

Answer 1

This is done by translating the object to the desired center of scale/rotation, scale/rotate it and then translate it back.

You can do that with a single matrix by concatenating the matrices to get a single matrix:

var m:Matrix = Matrix.translate(-centerX, -centerY);
m.concat(Matrix.scale(scaleX, scaleY));
m.concat(Matrix.translate(centerX, centerY));