原文地址: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)
分享到:
相关推荐
在这个3D环形图片墙上,每个图片元素可能都会应用这些旋转函数,以实现环绕中心旋转的效果。`perspective`属性则控制了3D空间中的观察点,影响着3D变换的视觉效果。 CSS3的过渡(transition)和动画(animation)...
这种效果通常通过创建一个虚拟3D空间,在该空间中每个图片都有自己的位置和角度,然后通过动画来改变这些属性,使得图片看起来像是在围绕中心轴旋转。 实现这一效果的关键技术有以下几点: 1. **3D坐标系**:Flex...
3D旋转的核心概念包括旋转轴、旋转角度和旋转中心。在FLEX中,我们可以使用`Transform3D`类来处理3D变换,包括旋转。`Transform3D`提供了`rotateX()`, `rotateY()`, 和 `rotateZ()`方法,分别用于绕X、Y、Z轴进行...
8. **性能优化**:由于全景图像通常较大,优化内存管理、图片加载策略和渲染效率至关重要。例如,使用延迟加载、预加载机制,避免一次性加载全部图像导致的卡顿。 9. **3D数学和向量运算**:在实现全景视角转换时,...
4. **旋转效果**:图片在切换时绕着一个轴心旋转,增加了视觉趣味性。利用rotate属性,结合Tween类,可以控制旋转的角度和速度。 5. **擦除效果**:新图片逐渐覆盖旧图片,仿佛被画笔擦掉一样。可以通过设置mask...
4. 旋转切换:图片绕着某个轴心旋转,新图片在旋转中展现。 5. 模糊和清晰:利用模糊效果逐渐揭示新图片。 6. 滑块效果:新图片像窗口中的滑块一样从一侧滑向另一侧。 7. 3D转换:通过模拟3D空间中的变换,如翻转、...
此外,使用`transform`属性,如`rotate()`和`translate()`,配合`animation`属性,可以创建出图片旋转和移动的动画效果。记得设置`transition`属性,使图片在状态改变时平滑过渡。 3. **JavaScript/jQuery**:...
这种动效通常是通过Core Animation或者UIKit实现的,结合CAPropertyAnimation或CADisplayLink来控制动画的时间和速度,实现封面图片的旋转效果。 5. **全局ASDK集成**:Adobe Air SDK是一个跨平台的开发工具,允许...
在这个例子中,图片会绕着其中心旋转5度,并向上移动10像素。`transition`属性为这个变换添加了一个平滑的动画效果。 现在,我们引入jQuery来增加交互性。例如,当鼠标悬停在图片上时,我们可以改变图片的旋转角度...
* transform:旋转、缩放、移动或者倾斜 * animation:动画 * gradient:渐变 * shadow:阴影 * border-radius:圆角 行内元素和块级元素: * 行内元素(display:inline):宽度和高度是由内容决定,与其他元素共占一行...
` 绕 X 轴旋转元素。 - `transform: rotateY(45deg);` 绕 Y 轴旋转元素。 - `transform: rotateZ(45deg);` 绕 Z 轴旋转元素。 - `transform-origin: left;` 设置变换的原点位置,如左、右、上、下等。 #### 1.3 ...
接下来,使用Flash开发工具(如Flash Professional或Flex Builder)将全景图导入,并编写ActionScript代码来处理用户的鼠标拖动、点击等交互事件,实现图像的平滑旋转和缩放。 Flash中的360度全景图展示可能涉及...
`,使元素绕其中心点顺时针旋转30度;`transform: scale(1.5, 1.5);`,将元素放大至原始大小的1.5倍。 7. **简单动画(Animations)**: - CSS3允许无需脚本即可实现简单的动画效果。 - 示例代码:`@keyframes ...
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位图...
- **原理**: 物体围绕一个中心点做圆周运动。 - **3.6.2 椭圆运动** - **实现**: 通过调整正弦波和余弦波的比例来实现。 **3.7 勾股定理** - **定义**: 在直角三角形中,直角边的平方和等于斜边的平方。 - **应用...