使用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;

}

旋转后要及时保存图片截图

//  旋转截图，  传递：   imgControl是Image控件ID,   wrapPic是canvas控件ID

private function showRotateImg(imgControl:UIComponent, wrapPic:UIComponent):void

{

      var bmp:BitmapData = ImageSnapshot.captureBitmapData(wrapPic, new Matrix());

      imgControl.source = null;

      imgControl.source = new Bitmap(bmp);

      //  这里需要注意：截图完成了，需要将图片原来所有的旋转归零。对Matrix对象使用identity()这个函数。

      var tmpMatrix:Matrix = imgControl.transform.matrix;

      tmpMatrix.identity();

      imgControl.transform.matrix = tmpMatrix;

}

　　这里需要注意：截图完成了，需要将图片原来所有的旋转归零。对Matrix对象使用identity()这个函数。

实现旋转的主要函数

秒客网

使用Flex实现图片旋转。

相关文章