Comments on: Rotating images using the Matrix class http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/ Just a bunch of Adobe Flex Examples Sat, 11 Feb 2012 11:51:51 +0000 hourly 1 By: vargazso http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/comment-page-1/#comment-10024 vargazso Tue, 04 Oct 2011 19:54:46 +0000 http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/#comment-10024 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 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: Praveen http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/comment-page-1/#comment-8640 Praveen Thu, 09 Dec 2010 10:07:35 +0000 http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/#comment-8640 How do i set the duration for the rotation of a matrix object. I cant seem to find someMatrix.rotate.duration or someMatrix.duration... How do i set the duration for the rotation of a matrix object.
I cant seem to find someMatrix.rotate.duration or someMatrix.duration…

]]> By: Circass http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/comment-page-1/#comment-8213 Circass Wed, 11 Aug 2010 05:46:26 +0000 http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/#comment-8213 Hello, i am trying to rotate my image which is a child of my view panel. I wrote something like that : var rotate:mx.effects.Rotate = new mx.effects.Rotate(); //var iTmp:Image = new Image(); //iTmp = viewerPanel.getChildAt(0) as Image; rotate.target= viewerPanel.getChildAt(0); rotate.angleFrom=viewerPanel.getChildAt(0).rotation; rotate.angleTo=viewerPanel.getChildAt(0).rotation - 90; rotate.duration=1000; rotate.originX=viewerPanel.getChildAt(0).width/2; rotate.originY=viewerPanel.getChildAt(0).height/2; rotate.play(); it rotates the panel from top left. then i wrote something like that : var iTmp:Image = new Image(); iTmp = viewerPanel.getChildAt(0) as Image; var q:Number = 90 * Math.PI / 180 // 30 degrees in radians var m:Matrix = new Matrix(); var centerX:Number = iTmp.width / 2; var centerY:Number = iTmp.height /2; m.translate(-1 * centerX, -1 * centerY); m.rotate(q); viewerPanel.removeChildAt(0); viewerPanel.addChild(iTmp); and this made the same thing. So How can i rotate an image which is added to a panel as a child ? Thank you. Hello,
i am trying to rotate my image which is a child of my view panel.
I wrote something like that :

var rotate:mx.effects.Rotate = new mx.effects.Rotate();
//var iTmp:Image = new Image();
//iTmp = viewerPanel.getChildAt(0) as Image;
rotate.target= viewerPanel.getChildAt(0);
rotate.angleFrom=viewerPanel.getChildAt(0).rotation;
rotate.angleTo=viewerPanel.getChildAt(0).rotation – 90;
rotate.duration=1000;
rotate.originX=viewerPanel.getChildAt(0).width/2;
rotate.originY=viewerPanel.getChildAt(0).height/2;
rotate.play();

it rotates the panel from top left.

then i wrote something like that :
var iTmp:Image = new Image();
iTmp = viewerPanel.getChildAt(0) as Image;
var q:Number = 90 * Math.PI / 180 // 30 degrees in radians
var m:Matrix = new Matrix();
var centerX:Number = iTmp.width / 2;
var centerY:Number = iTmp.height /2;
m.translate(-1 * centerX, -1 * centerY);
m.rotate(q);
viewerPanel.removeChildAt(0);
viewerPanel.addChild(iTmp);
and this made the same thing.

So How can i rotate an image which is added to a panel as a child ?
Thank you.

]]> By: mihai http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/comment-page-1/#comment-6834 mihai Sat, 23 Jan 2010 15:17:43 +0000 http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/#comment-6834 And how can I scale Image from center after I rotated it? And how can I scale Image from center after I rotated it?

]]> By: Daniel http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/comment-page-1/#comment-6634 Daniel Sat, 19 Dec 2009 00:27:37 +0000 http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/#comment-6634 Here is the code you need to rotate the item when it is not at the origin. The inverted matrix is to get to the local coordinates of the item, the offsets are to rotate around the middle, and then the items initial transform is concatenated to get back to the global coordinates. I wasn't totally brushed up on my linear algebra and it sounds like this can save everyone some time. The radians variable is the change in rotation to apply. <pre lang="actionscript3"> var offsetWidth:Number = item.width / 2; var offsetHeight:Number = item.height / 2; var invertedMatrix:Matrix = item.transform.matrix; invertedMatrix.invert(); var matrix:Matrix = item.transform.matrix; matrix.concat(invertedMatrix); matrix.translate(-offsetWidth, -offsetHeight); matrix.rotate(radians); matrix.translate(offsetWidth, offsetHeight); matrix.concat(item.transform.matrix); item.transform.matrix = matrix; </pre> Here is the code you need to rotate the item when it is not at the origin. The inverted matrix is to get to the local coordinates of the item, the offsets are to rotate around the middle, and then the items initial transform is concatenated to get back to the global coordinates. I wasn’t totally brushed up on my linear algebra and it sounds like this can save everyone some time.

The radians variable is the change in rotation to apply.

var offsetWidth:Number = item.width / 2;
var offsetHeight:Number = item.height / 2;
 
var invertedMatrix:Matrix = item.transform.matrix;
invertedMatrix.invert();
 
var matrix:Matrix = item.transform.matrix;
matrix.concat(invertedMatrix);
matrix.translate(-offsetWidth, -offsetHeight);
matrix.rotate(radians);
matrix.translate(offsetWidth, offsetHeight);
matrix.concat(item.transform.matrix);
 
item.transform.matrix = matrix;
]]> By: sundarapandian http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/comment-page-1/#comment-6442 sundarapandian Tue, 24 Nov 2009 08:58:11 +0000 http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/#comment-6442 I too have this issue .. have u got solution for this?.. if any body has solution for this please share with me.. I too have this issue .. have u got solution for this?.. if any body has solution for this please share with me..

]]> By: Andrea http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/comment-page-1/#comment-6314 Andrea Tue, 10 Nov 2009 13:24:49 +0000 http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/#comment-6314 Many of us are from non-english-speaking countries (and I'm not even sure what last sentence is correct...). Anyway... the thing is, nowadays, English is the unviversal language, and web try to adjust to it as good as we can, but it's not easy, specially when the conversation is about technologies. Not my case, but there are a lot of fully qualified Flex developer in India, for example. I don't think that's something to be sorry for... good grammar or bad grammar, the important thing is to give something back to the community that always helps us. Many of us are from non-english-speaking countries (and I’m not even sure what last sentence is correct…). Anyway… the thing is, nowadays, English is the unviversal language, and web try to adjust to it as good as we can, but it’s not easy, specially when the conversation is about technologies. Not my case, but there are a lot of fully qualified Flex developer in India, for example.
I don’t think that’s something to be sorry for… good grammar or bad grammar, the important thing is to give something back to the community that always helps us.

]]> By: susrut316 http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/comment-page-1/#comment-6145 susrut316 Wed, 28 Oct 2009 17:17:51 +0000 http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/#comment-6145 I have created a fully functional transform tool or object handler in as3 with the help of the matrix transform. Have a look http://talkxe.com/?p=63 I have created a fully functional transform tool or object handler in as3 with the help of the matrix transform. Have a look http://talkxe.com/?p=63

]]> By: Anton http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/comment-page-1/#comment-1082 Anton Sat, 13 Jun 2009 21:00:50 +0000 http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/#comment-1082 Aren't there any developers out there who know how to spell and use good grammar? What is with you people? Aren’t there any developers out there who know how to spell and use good grammar? What is with you people?

]]> By: RazFlex http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/comment-page-1/#comment-1084 RazFlex Tue, 09 Jun 2009 13:17:17 +0000 http://blog.flexexamples.com/2007/09/14/rotating-images-using-the-matrix-class/#comment-1084 What if y want a Y ax rotation ? What the matrix will be ? Regards What if y want a Y ax rotation ?
What the matrix will be ?
Regards

]]>