`
jie66989
  • 浏览: 254524 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

FLEX里图片绕中心旋转

    博客分类:
  • flex
 
阅读更多
原文地址:http://rss.9ria.com/?p=1998
package
{
	import flash.display.DisplayObject;
	import flash.geom.Point;
	import flash.geom.Matrix;
	
	public class TransformWithPoint {
		public static function transformWithExternalPoint(displayOb:DisplayObject, regPiont:Point, angleDegrees:Number = 0, sx:Number = 1, sy:Number = 1):void
		{//自身坐标系
			var m:Matrix = displayOb.transform.matrix;
			m.tx -= regPiont.x;
			m.ty -= regPiont.y;
			if (angleDegrees % 360 != 0) {
				m.rotate(angleDegrees*(Math.PI/180));
			}
			if (sx != 1 || sy != 1) {
				m.scale(sx,sy);
			}
			m.tx += regPiont.x;
			m.ty += regPiont.y;
			displayOb.transform.matrix = m;
		}
		public static function transformWithInternalPoint(displayOb:DisplayObject, regPiont:Point, angleDegrees:Number = 0, sx:Number = 1, sy:Number = 1):void
		{//容器坐标系
			var m:Matrix = displayOb.transform.matrix;
			regPiont = m.transformPoint(regPiont);
			m.tx -= regPiont.x;
			m.ty -= regPiont.y;
			if (angleDegrees % 360 != 0) {
				m.rotate(angleDegrees*(Math.PI/180));
			}
			if (sx != 1 || sy != 1) {
				m.scale(sx,sy);
			}
			m.tx += regPiont.x;
			m.ty += regPiont.y;
			displayOb.transform.matrix = m;
		}
	}
}
//TransformWithPoint.transformWithInternalPoint(sp,new Point(100,100),90)
//TransformWithPoint.transformWithExternalPoint(sp,new Point(50,50),90)



分享到:
评论

相关推荐

    HTML5CSS3 3D环形图片墙 伴随旋转动画

    在这个3D环形图片墙上,每个图片元素可能都会应用这些旋转函数,以实现环绕中心旋转的效果。`perspective`属性则控制了3D空间中的观察点,影响着3D变换的视觉效果。 CSS3的过渡(transition)和动画(animation)...

    flex 3D滚动显示图片

    这种效果通常通过创建一个虚拟3D空间,在该空间中每个图片都有自己的位置和角度,然后通过动画来改变这些属性,使得图片看起来像是在围绕中心轴旋转。 实现这一效果的关键技术有以下几点: 1. **3D坐标系**:Flex...

    效果3D旋转的源码

    3D旋转的核心概念包括旋转轴、旋转角度和旋转中心。在FLEX中,我们可以使用`Transform3D`类来处理3D变换,包括旋转。`Transform3D`提供了`rotateX()`, `rotateY()`, 和 `rotateZ()`方法,分别用于绕X、Y、Z轴进行...

    flex 360度全景

    8. **性能优化**:由于全景图像通常较大,优化内存管理、图片加载策略和渲染效率至关重要。例如,使用延迟加载、预加载机制,避免一次性加载全部图像导致的卡顿。 9. **3D数学和向量运算**:在实现全景视角转换时,...

    as3.0图片切换随机效果(10种)

    4. **旋转效果**:图片在切换时绕着一个轴心旋转,增加了视觉趣味性。利用rotate属性,结合Tween类,可以控制旋转的角度和速度。 5. **擦除效果**:新图片逐渐覆盖旧图片,仿佛被画笔擦掉一样。可以通过设置mask...

    flash多种图片切换样式

    4. 旋转切换:图片绕着某个轴心旋转,新图片在旋转中展现。 5. 模糊和清晰:利用模糊效果逐渐揭示新图片。 6. 滑块效果:新图片像窗口中的滑块一样从一侧滑向另一侧。 7. 3D转换:通过模拟3D空间中的变换,如翻转、...

    dw环形移动图片

    此外,使用`transform`属性,如`rotate()`和`translate()`,配合`animation`属性,可以创建出图片旋转和移动的动画效果。记得设置`transition`属性,使图片在状态改变时平滑过渡。 3. **JavaScript/jQuery**:...

    swift-基于FreeStreamer播放器二次封装。仿网易云封面图旋转转圈音乐动效。全局基于ASDK

    这种动效通常是通过Core Animation或者UIKit实现的,结合CAPropertyAnimation或CADisplayLink来控制动画的时间和速度,实现封面图片的旋转效果。 5. **全局ASDK集成**:Adobe Air SDK是一个跨平台的开发工具,允许...

    CSS3悬挂的照片墙效果代码.zip

    在这个例子中,图片会绕着其中心旋转5度,并向上移动10像素。`transition`属性为这个变换添加了一个平滑的动画效果。 现在,我们引入jQuery来增加交互性。例如,当鼠标悬停在图片上时,我们可以改变图片的旋转角度...

    前端 60 道面试题及答案.docx

    * transform:旋转、缩放、移动或者倾斜 * animation:动画 * gradient:渐变 * shadow:阴影 * border-radius:圆角 行内元素和块级元素: * 行内元素(display:inline):宽度和高度是由内容决定,与其他元素共占一行...

    弹性布局,3d动画,animation动画,等等

    ` 绕 X 轴旋转元素。 - `transform: rotateY(45deg);` 绕 Y 轴旋转元素。 - `transform: rotateZ(45deg);` 绕 Z 轴旋转元素。 - `transform-origin: left;` 设置变换的原点位置,如左、右、上、下等。 #### 1.3 ...

    360度全景图展示FLASH源码

    接下来,使用Flash开发工具(如Flash Professional或Flex Builder)将全景图导入,并编写ActionScript代码来处理用户的鼠标拖动、点击等交互事件,实现图像的平滑旋转和缩放。 Flash中的360度全景图展示可能涉及...

    精通html5+css3

    `,使元素绕其中心点顺时针旋转30度;`transform: scale(1.5, 1.5);`,将元素放大至原始大小的1.5倍。 7. **简单动画(Animations)**: - CSS3允许无需脚本即可实现简单的动画效果。 - 示例代码:`@keyframes ...

    ActionScript开发技术大全

    17.2.6卫星绕地运动 366 17.3小结 368 第18章位图处理 369 18.1位图对象 369 18.1.1位图格式 369 18.1.2位图图像与位图数据 370 18.1.3创建位图对象 370 18.1.4载入位图对象 371 18.2处理位图数据 371 18.2.1位图...

    [Flash as3.0动画教程]文字版

    - **原理**: 物体围绕一个中心点做圆周运动。 - **3.6.2 椭圆运动** - **实现**: 通过调整正弦波和余弦波的比例来实现。 **3.7 勾股定理** - **定义**: 在直角三角形中,直角边的平方和等于斜边的平方。 - **应用...

Global site tag (gtag.js) - Google Analytics