首页 > 代码库 > 使用Flex实现图片旋转。
使用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; }
旋转后要及时保存图片截图
?
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 = http://www.mamicode.com/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()这个函数。
实现旋转的主要函数
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。