`
maloveqiao
  • 浏览: 102033 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

图片绕中心旋转

    博客分类:
  • as3
 
阅读更多
    package   
    { 
        import flash.display.Bitmap; 
        import flash.display.DisplayObject; 
        import flash.display.Loader; 
        import flash.display.MovieClip; 
        import flash.events.Event; 
        import flash.events.MouseEvent; 
        import flash.events.TimerEvent; 
        import flash.geom.Matrix; 
        import flash.media.Sound; 
        import flash.net.NetStream; 
        import flash.net.URLRequest; 
        import flash.utils.Timer; 
         
        /**
         * ...
         * @author hacker47
         */ 
        public class Main extends MovieClip  
        { 
            private var loader:Loader; 
            private var url:String = "1.jpg"; 
            private var bitmap:Bitmap; 
            private var matrix:Matrix; 
            private var angle:Number = 0; 
            private var speed:Number = .05; 
             
            public function Main()  
            { 
                if (stage) init(); 
                else 
                    addEventListener(Event.ADDED_TO_STAGE, init); 
            } 
             
            private function init(e:Event = null):void { 
                loader = new Loader(); 
                loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete); 
                loader.load(new URLRequest(url)); 
     
            } 
             
     
            private function onComplete(e:Event):void { 
                bitmap = e.target.content as Bitmap; 
     
                bitmap.x = (stage.stageWidth - bitmap.width) / 2; 
                bitmap.y = (stage.stageHeight - bitmap.height) / 2; 
                addChild(bitmap); 
                 
                matrix = bitmap.transform.matrix; 
                 
                //将图片旋转30度 
                //rotate(bitmap, 30, bitmap.width / 2, bitmap.height / 2, matrix); 
                stage.addEventListener(MouseEvent.MOUSE_MOVE, running1); 
                 
            } 
             
             
            private function running(e:Event = null):void { 
                bitmap.x = (stage.stageWidth - bitmap.width) / 2; 
                bitmap.y = (stage.stageHeight - bitmap.height) / 2; 
                rotate(bitmap, angle, bitmap.width / 2, bitmap.height / 2, matrix); 
                angle += speed; 
                //trace(angle); 
            } 
             
            private function running1(e:MouseEvent):void { 
                bitmap.x = (stage.stageWidth - bitmap.width) / 2; 
                bitmap.y = (stage.stageHeight - bitmap.height) / 2; 
                 
                var dy:Number = mouseY - (bitmap.y + bitmap.height / 2); 
                var dx:Number = mouseX - (bitmap.x + bitmap.width / 2); 
                //bitmap.rotation = Math.atan2(dy, dx) * 180 / Math.PI; 
                 
                rotate(bitmap, Math.atan2(dy, dx), bitmap.width / 2, bitmap.height / 2, matrix); 
            } 
             
            private function rotate(dis:DisplayObject,rotation:int,px:int,py:int,srcMatrix:Matrix):void { 
                var tx:int = dis.x + px; 
                var ty:int = dis.y + py; 
                 
                var m:Matrix = srcMatrix.clone(); 
                m.translate(-tx, -ty); 
                m.rotate(rotation * 180 / Math.PI); 
                m.translate(tx, ty); 
                dis.transform.matrix = m; 
                 
            } 
             
        } 
     
    } 
分享到:
评论

相关推荐

    简单的html中js实现图片中心旋转

    简单的html中js实现图片中心旋转

    WPF实现图片绕圈旋转以及加载GIF格式文件

    本文将详细讲解如何实现图片绕圈旋转以及加载GIF格式文件的功能。 首先,我们要了解WPF中的Image控件。Image控件是WPF用于显示图像的基本元素,它可以显示静态图像,如.jpg、.png或.bmp格式的文件。但是,WPF的...

    基于H5,CSS3及JS的四星环绕中心点旋转效果

    本效果是基于HTML5,CSS3及JavaScript实现的,实现了移动端和...同时,以中心图片为圆点,四周图片环绕中心图片旋转,主要使用到的技术点在于z-index以及border-radius:50%,实现效果仅供参考(其中图片请自行替换)。

    android图片处理:让图片一直匀速旋转

    这可能涉及到计算实际的绘图坐标,因为图片的旋转中心可能不是其几何中心。 5. **性能优化**: 当处理大量或者复杂的动画时,需要注意性能问题。可以考虑使用硬件加速,通过在`CircleImageView`的构造函数中调用`...

    C#图片在PictureBox中进行旋转

    // 设置旋转中心点为图片的中心 Point center = new Point(width / 2, height / 2); g.TranslateTransform(center.X, center.Y); g.RotateTransform(angle); // 旋转角度 // 将原始图像绘制到旋转后的Bitmap上...

    基于matlab围绕中心点的图像旋转.m

    该程序将图像围绕某⼀指定点旋转⼀定的⻆度。 如有疑问,请联系博主。

    图片绕Y轴一直旋转

    在Android开发中,实现图片绕Y轴持续旋转的效果通常涉及到动画这一重要概念。动画是提升用户体验、增加应用视觉吸引力的关键元素。在这个特定的场景中,我们关注的是2D平面上的3D旋转效果,即让图片围绕Y轴进行连续...

    html图片环绕旋转.zip

    HTML图片环绕旋转是一种创新的网页设计技术,它利用CSS3的特性来实现图片在页面上以某种特定方式旋转,形成类似相册的效果。这个技术可以让用户以动态的方式浏览一组图片,提升用户体验,使得网页设计更加生动有趣。...

    Silverlight图片绕椭圆旋转

    在本文中,我们将深入探讨如何使用Silverlight技术实现图片绕椭圆路径进行旋转的效果,同时涵盖自动和手动拖动两种模式。Silverlight是Microsoft推出的一种富互联网应用程序(RIA)平台,它提供了丰富的图形、动画和...

    环绕旋转轮播(动画效果)

    环绕旋转轮播是一种常见的网页动态效果,用于展示一组图片或内容,通过连续的环绕旋转来吸引用户的注意力。这种效果主要依赖于CSS(Cascading Style Sheets)技术来实现,特别是CSS3中的过渡(transition)、动画...

    halcon 旋转中心,以及一个点根据中心旋转后得到新的坐标 不用自己根据三角函数去计算

    1、 halcon的9点标定就不多说了,很多人在旋转中心上求不准,或者旋转中心求出来后不知道具体用法,本示例完整演示旋转中心的求证,可视化演示旋转中心的验证。 2、 里面的示例图片是项目调试实际的图片,在精度...

    android图片的旋转(一分钟学会)

    2. 创建Matrix对象:Matrix对象用于保存变换矩阵,调用Matrix.setRotate()设置旋转角度,其中第一个参数为旋转角度,第二个参数和第三个参数为旋转中心点(默认为图片的左上角)。 3. 应用变换:调用Bitmap.create...

    DELPHI 图片任意角旋转DELPHI 图片任意角旋转

    需要注意的是,由于图像的中心点通常不是其物理像素中心,所以在实际应用中可能需要对图像进行平移,使其中心点与旋转中心对齐,然后再进行旋转操作。最后,如果旋转角度不是90度的倍数,新图像的尺寸可能与原始图像...

    CSS3星系轨道3D环绕旋转代码

    `images`目录则存放了星系中的图片资源,如星球图像和光效图片。最后,`index.html`文件是项目的主页面,它引入了CSS样式表,并用HTML结构定义了页面布局,包括星系元素的位置和交互事件。 总的来说,这个CSS3星系...

    易语言源码图片的旋转与翻转.7z

    图像旋转通常是指改变图像的方向,使其绕着一个固定点(通常是图像中心)按一定角度转动。在编程中,这通常通过矩阵变换来实现,涉及到复杂数学计算,包括向量旋转和平移。易语言虽然简化了语法,但依然可以支持这样...

    实现图片360度球型3D旋转

    实现图片360度球型3D旋转 [注意:本资源来自网络,如有侵权,请联系我删除,谢谢。]

    winform图片在PictureBox中任意角度旋转

    3. **定义旋转中心**:通常,旋转的中心点是PictureBox的中心。我们可以通过PictureBox的Width和Height属性计算出来。 ```csharp int centerX = pictureBox.Width / 2; int centerY = pictureBox.Height / 2; ``` ...

    CSS图片3D旋转效果

    这个例子中,当用户将鼠标悬停在图片上时,图片会以Y轴为中心旋转180度,整个过程会平滑地在0.5秒内完成。你可以根据实际需求调整旋转角度、过渡时间和透视距离,以达到理想的效果。 在实际项目中,可能还需要考虑...

    图片滚动+旋转代码

    而图片旋转则是指图片绕着某个轴心进行转动,同样可以使用CSS3的`rotate()`函数实现。例如,要让图片每秒旋转360度,可以这样写: ```css .image { animation: rotate 2s linear infinite; } @keyframes rotate {...

    Qt360度旋转图片

    3. **设置旋转中心**:为了使图片绕其中心点旋转,我们需要找到图片的中心坐标。这可以通过`QPixmap`的`rect()`方法获取图片的矩形区域,然后计算中心点。 4. **创建旋转变换**:使用`QTransform`创建一个旋转变换...

Global site tag (gtag.js) - Google Analytics