`
lzj520
  • 浏览: 213385 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

FLEX 图片旋转与缩放

阅读更多

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
applicationComplete="initDragAndDrop()"
>
<s:layout>
<s:VerticalLayout/>
</s:layout>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import flash.display.BitmapData;
import flash.net.URLLoader;
import flash.net.URLRequest;
  import flash.text.TextField;
import mx.collections.ArrayCollection;
import mx.containers.Canvas;
import mx.controls.Alert;
import mx.controls.VideoDisplay;
import mx.core.DragSource;
import mx.core.UIComponent;
import mx.events.*;
import mx.graphics.ImageSnapshot;
import mx.graphics.codec.JPEGEncoder;
import mx.managers.DragManager;
import spark.components.Button;
import spark.components.Image;

private function rotateImage():void{
var img:Image = myGroup.getChildAt( 1 ) as Image;
var matrix:Matrix = new Matrix() ;
var tmpMatrix:Matrix = img.transform.matrix;
var oHeight:Number = img.height / 2;
var oWidth:Number = img.width / 2;
tmpMatrix.translate(-oWidth, -oHeight);
var rotateNum:Number = parseInt( rotateNum.text );
tmpMatrix.rotate( Math.PI / 180 * rotateNum );
tmpMatrix.translate(oWidth, oHeight);
img.transform.matrix = tmpMatrix;
}

private function scaleImage():void{
var img:Image = myGroup.getChildAt( 1 ) as Image;
img.scaleX = zoomSlider.value ;
img.scaleY = zoomSlider.value ;
}

]]>
</fx:Script>
<s:VGroup id = "Catalog">
<s:Image id = "panada" source = "100.jpeg"
width = "100" height = "100"
mouseMove = "initJpgDrag(event)"
/>
 </s:VGroup>
<s:TextInput id = "rotateNum" restrict="0-9\-\+" />
<s:Button click="rotateImage()" label = "旋转" />
<s:HSlider id="zoomSlider"
height="10"
buttonMode = "true" useHandCursor = "true"
minimum = "1" maximum = "5"
snapInterval = "0.5" value = "1" change = "scaleImage()" />
</s:Application>

分享到:
评论

相关推荐

    Flex 图片旋转 缩放 拖动 特效

    9. **对象Handlers**:从压缩包的文件名来看,"objectHandlers"可能是处理图片操作的核心类或文件夹,包含了处理图片旋转、缩放和拖动的具体逻辑。 综上所述,这个Flex项目通过自定义控件实现了图片的旋转、缩放和...

    flex图片浏览(带图片缩放功能)

    对于"flex图片浏览(带图片缩放功能)"这个应用,我们需要使用Flex中的Image组件来显示图片。Image组件能够加载和显示各种图像格式,包括JPEG、PNG、GIF等。以下是一个简单的例子: ```mxml ('path/to/your/image.jpg...

    flex 两个图片播放小程序

    BitmapData允许开发者直接操作像素,进行缩放、旋转、裁剪等各种图像操作。在图片加载完成后,可以创建一个BitmapData对象,然后通过这个对象实现图片的动态处理。例如,为了实现图片的放大和缩小,可以使用...

    用Flex写的照片旋转

    在描述中提到的“Flex开发的,照片查看器,很好看,与大家共享下”,这暗示了我们这里有一个使用Flex编写的照片查看器应用,该应用可能具有美观的用户界面,能够展示和旋转照片。Flex提供了一系列内置组件,如Image...

    Flex图片预览功能的实现

    一、Flex图片预览组件基础 在Flex中,我们可以利用MX或Spark组件库中的Image组件来展示单张图片。然而,为了实现多图预览和滚动效果,我们需要自定义组件或者使用现有的第三方库,如在本例中的"photocoverflowLayout...

    flex 图片编辑器

    5. **图像处理**:图片编辑功能的实现需要对图像处理有深入理解,这涉及到色彩模型(RGB、CMYK等)、滤镜效果(模糊、锐化、扭曲等)、图像操作(裁剪、旋转、缩放等)。在Flex中,可以使用BitmapData类来处理像素...

    FLEX 图片浏览功能可以轻松实现图片浏览

    标题提及的"“FLEX 图片浏览功能可以轻松实现图片浏览”",这指的是使用Flex3开发的图片查看器应用,它允许用户方便地查看和浏览图片,同时可能还支持一些高级特性,如缩放、旋转、平移等。Flex3提供了强大的图形...

    Flex 剪切放大旋转

    6. **图片旋转**: `Bitmap`对象的`rotation`属性可以用来旋转图片。它以度为单位,正数表示顺时针旋转,负数表示逆时针旋转。对于更复杂的旋转,可以使用`Matrix`类进行几何变换。 7. **事件处理**: Flex中的...

    flex图片显示 很绚丽的图片显示

    6. 案例分析:提到的“PicWatcher”可能是一个图片查看器应用或组件,它可能实现了类似上述的图片显示和管理功能,包括浏览、缩放、旋转、幻灯片播放等功能。通过分析并学习此类应用,我们可以借鉴其设计思路和代码...

    flex 图片查看组件

    3. **交互性**:Flex图片查看组件通常具备手势识别功能,如平移、缩放、旋转,使用户能够用鼠标或触摸设备进行直观的操作。这种高交互性增强了用户与图片内容的连接。 4. **性能优化**:由于图片可能很大,所以高效...

    Flex 3D图片图片浏览

    3. **图片浏览组件**: 在这个特定的项目中,Flex与PaperVision3D结合,创建了一个3D图片浏览演示。用户可以通过旋转、缩放等操作查看图片,实现类似虚拟现实的体验。这种效果通常通过编程实现图片的动态加载、3D空间...

    flex对图片打开,剪切,放大缩小,旋转

    在Flex这个强大的富互联网应用程序(RIA)开发框架中,处理图像功能是常见的需求,包括打开图片、剪切、放大缩小以及旋转。Flex以其强大的ActionScript3.0编程语言为基础,结合MXML标记语言,提供了丰富的组件和API...

    flex图片上传功能,包括图片预览

    这些组件允许开发者动态加载和显示图片,同时可以进行缩放、旋转等操作。 压缩包内的文件列表揭示了实现这个功能的组成部分: 1. `UploadFile.aspx` 和 `UploadFile.aspx.cs`:这是两个ASP.NET页面,`.aspx`文件是...

    flex 图片操作

    在本话题中,我们将探讨“flex图片操作”,这涉及到如何使用Flex来处理和展示图片,包括调整角度和应用滤镜等视觉效果。 一、Flex中的图片显示 在Flex中,我们可以使用`mx.controls.Image`组件来显示图片。这个...

    FLEX图片浏览

    标题中的"FLEX图片浏览"指的是基于Adobe Flex技术开发的一个用于展示和浏览图片的应用程序。Flex是一种开源的、基于ActionScript的框架,它允许开发者构建富互联网应用程序(RIA),即可以在网页上运行的交互性强、...

    可以用在网页上flex 图片轮播,带源码.使用非常简单

    6. **3D效果**:3D效果在Web设计中常用于增加视觉吸引力,通过CSS3的3D变换或Flash的3D API,可以实现平滑的3D旋转、缩放等特效。 7. **源码分析**:提供源码意味着用户可以自定义修改组件,根据需求调整功能或优化...

    Flex3D效果图片浏览器

    Flex3D图片浏览器的"旋转"功能是通过编程控制图片在3D空间中的旋转,可能包括X、Y、Z轴上的平移、旋转和缩放。用户可能通过鼠标或触摸输入来交互式地改变视角,或者应用程序自身可以预设一定的动画路径,让图片自动...

    Flex 图片 保存

    以下是一些关于Flex图片保存的核心知识点: 1. **BitmapData对象**:在Flex中,BitmapData是用于表示像素数据的基本类。你可以使用它来创建、加载或复制位图。当需要从UI组件(如Canvas或Sprite)获取快照时,...

    flex 3D滚动显示图片

    这些变换包括旋转、缩放和位移,当应用于图片容器时,可以创建出环绕观众旋转的3D视觉效果。 描述中提到的“图片集围成一圈,旋转显示”是指图片在用户界面上排列成环形布局,并且可以以3D方式旋转。这种效果通常...

    Flex采用遮罩方法图片裁剪

    在Flex开发中,图片裁剪是一项常见的需求,特别是在创建用户界面或者图像编辑应用时。本文将详细介绍如何在Flex ...如果需要实现更复杂的裁剪功能,如旋转、缩放、预览等,可以扩展遮罩功能并结合更多的用户交互逻辑。

Global site tag (gtag.js) - Google Analytics