码迷,mamicode.com
首页 > 其他好文 > 详细

使用Flex实现图片旋转。

时间:2014-05-08 06:38:38      阅读:457      评论:0      收藏:0      [点我收藏+]

标签:style   blog   class   code   tar   color   

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

 

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

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

旋转函数

bubuko.com,布布扣
//  旋转函数    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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
//  旋转截图,  传递:   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实现图片旋转。,布布扣,bubuko.com

使用Flex实现图片旋转。

标签:style   blog   class   code   tar   color   

原文地址:http://www.cnblogs.com/xxjudfc/p/3715271.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!