使用Flex实现图片旋转。

当用flex实现图片旋转的时候，遇到了这样的问题：截图之后，图片还是会继续旋转，应该是canvas这个还有旋转的角度，所以看到效果跟你截图保存下来的效果不一样。

 

函数： 角度转换为弧度，这里面涉及到了数学的一些知识。 π/2是  90度的意思

//  角度转换为弧度，  传递的值 degrees是角度值
private function transformRadians(degrees:Number):Number 
{ 
    return (degrees * (Math.PI / 180)); 
} 

旋转函数

//  旋转函数    value是角度值,   imgControl是Image控件ID。
private function action_Rotate(value:String,imgControl:UIComponent):void 
{
                
    var radians:Number = transformRadians(Number(value));  
      //  确定旋转中心点
      var offsetWidth:Number = showPic.width/2;
      var offsetHeight:Number = showPic.height/2;
                
      var tmpMatrix:Matrix = showPic.transform.matrix;
      tmpMatrix.translate(-offsetWidth, -offsetHeight);
      tmpMatrix.rotate(radians);
      tmpMatrix.translate(+offsetWidth, +offsetHeight);
                
      imgControls.transform.matrix = tmpMatrix;
      tmpMatrix = null;
                
      rotateDeg = imgControls.rotation;
                
}

View Code