Flex3で画像の中心を基準点に回転するには

Tweet

画像を中心点で回転などしたいときに、Flex3では回転の基準点を設定する方法がないような気がする。 デフォルトでは(0, 0)つまり画像の左上の点を基準に回転してしまう。

色々探してみたが、結局は画像の中心点が左上の点となるような見えないSpriteを作成し、 その上に画像を配置する方法が楽みたい。 後は画像を扱うのではなく、その土台のSpriteを回転などさせる。

つまりこういうこと。

コードはこんな感じ。

myImage = new MyImage(); //自分で用意した埋め込み画像など（回転させる画像）
base = new Sprite();  //回転用のSprite（実際に回転させる対象）

base.addChild(myImage);  //回転させるSpriteに画像を追加
myImage.x = -myImage.bitmapData.width / 2;  //画像の横幅の半分を左に移動
myImage.y = -myImage.bitmapData.height / 2;  //画像の高さの半分を上に移動
addChild(base);

base.rotation = 90;  //90度回転

参考にしたのはこちら。

ActionScript3.0で、中心点を指定して回転させる

他にもフィルタとなるMatrixオブジェクトで移動→回転→移動させる方法などもあるみたいだけど、僕は上の方法が楽だと思うな。