Comments on: Solution to Flex Image Rotation and Flipping around Center

By: FlexMann

FlexMann — Thu, 02 Jan 2014 01:09:28 +0000

Hi,
why don’t you use it in a simple way?

yourImageID.rotate = 90; // degree

By: Atlas

Atlas — Tue, 28 May 2013 07:50:18 +0000

Thank you for taking the time to code this.

By: JEBariffic

JEBariffic — Fri, 25 Jan 2013 20:52:47 +0000

I’ve noticed that the image.x property is changed after using this code. For example, an image that is 400 px wide at the 0 x position will, after the code is executed on it, have its x position changed to 400, even though it does flip perfectly in place and not move to the right as the x position would imply. Its like the x position pre-execution was attached to the left side of the image, and post execution is attacked to the right. Not sure if there is a way around that (or just happening to me?)

By: jameel

jameel — Wed, 29 Aug 2012 10:55:42 +0000

You rock dude!!!!Thanks a lot. This worked for me in a single shot.

By: vargazso

vargazso — Tue, 04 Oct 2011 19:42:10 +0000

Hi, I’m using the above code to rotate and zoom images (SWF images). Currently I’m facing with a problem, where some of the SWF graphics are rotating and zooming perfectly, but there are some image, where this is not working. Graphics are jumping out of screen without controll. The only difference between the good and bad swf objects is the filetype. 7.0 is good others are not so :o( . Tried to convert objects to 7.0 but this is not working also. Have You ever seen this type of problem? Where can I find any solution for it? Any suggestion, what could be wrong? Many thanks in advance, Zsolt

By: Bill

Bill — Tue, 28 Jun 2011 22:58:21 +0000

Scott, thanks for taking the time to do such a needed flash/flex task and to post it here on your site. Matrices are not my strong point. I found an interesting anomoly that might even make your code more universally useable for images if you tweak it. I tried your rotation function with some square thumbnails and it worked perfectly, but when I tried it with non-square images, the images that I was saving to my hard drive were offset in an odd fashion. After staring at the few lines of code forever, it finally came to me. When you offset the image in the x and y directions to rotate the image about its center, after the rotation, you can no longer offset it back using the same offsets because the width and height now have switched places. You can use your function for both square and non-square images if you simply switch the offsets in the code in line 11 to:

matrix.translate(+offsetHeight, +offsetWidth);

Let me know if I am in error, but this worked for me. Thanks.

By: Ellis Giles » Cool Flex 3d Rotating Effects

Ellis Giles » Cool Flex 3d Rotating Effects — Fri, 03 Dec 2010 22:15:01 +0000

[…] http://www.selikoff.net/2010/03/17/solution-to-flex-image-rotation-and-flipping-around-center/ […]

By: Carlos

Carlos — Wed, 08 Sep 2010 01:04:52 +0000

Hi Scott – thanks a lot for a perfect solution!

+1 also for providing the code clean and ready to be used.

By: JimP

JimP — Sun, 23 May 2010 16:50:44 +0000

Matrices are a total mystery to me.

What online reference(s) to you recommend Flex developers study in order to to get a basic understanding of WTF these matrix thingies are, and how to manipulate them? I don’t want a graduate-level course in arcane mathematics — just the basic recipes.

By: Alex R

Alex R — Tue, 18 May 2010 23:44:21 +0000

Great !! worked perfect. Although, i’m using a custom component to resize the image and the x,y anchor points are on the right top instead con the default left top after flipping. I’ve been searching and didn’t found anything close to reassigning anchor points to an image in flex. Any ideas would be greatly appreciated !!!