`
hgfghe4
  • 浏览: 61057 次
  • 性别: Icon_minigender_1
  • 来自: 南京
最近访客 更多访客>>
社区版块
存档分类
最新评论

Flash相册加载图片完毕等比缩放的类

阅读更多

每次做相册类的flash的时候,图片加载完毕之后都要写等比缩放的函数来处理加载图片。
今天又遇到了,也不知道哪根筋不对了,弄了十几分钟老是算法有错误。好好的一个美女图片被搞的惨不忍睹。所以写了这个类 直接放到我的as包里,以后不要再这么麻烦了。
贴一下,能用的朋友就用一用。看不上眼的也不要拍砖啊。
下边是代码及注释说明:
/*
  等比缩放
  as1984 - qq:38657783
  20091221
  请注意包路径,我的as包都放在tools目录下。所以包的路径是 tools
  如果你的路径不一样,请注意修改
*/
package tools
{
    public class imgzoom {
        
        // 变量声明
        private var isZoom:Boolean;//是否缩放
        private var srcWidth:Number;//原始宽
        private var srcHeight:Number;//原始高
        private var maxWidth:Number;//限制宽
        private var maxHeight:Number;//限制高
        private var newWidth:Number;//新宽
        private var newHeight:Number;//新高
        
        public function imgzoom(srcWidth:Number,srcHeight:Number,maxWidth:Number,maxHeight:Number):
void
        {
            this.srcWidth=srcWidth;//获得原始宽度
            this.srcHeight=srcHeight;//获得原始高度
            this.maxWidth=maxWidth;//获得限定宽度
            this.maxHeight=maxHeight;//获得限定高度
            if(this.srcWidth>0 && this.srcWidth>0){//检查图片高度是否正常
                this.isZoom=true;//高宽正常,执行缩放处理
            }else{
                this.isZoom=false;//不正常,返回0
            }
            conductimg();//执行缩放算法
        }
        public function width():Number{//返回处理后的宽度,精确到2个小数点
            return Number(this.newWidth.toFixed(2));
        }
        public function height():Number{//返回处理后的高度,精确到2个小数点
            return Number(this.newHeight.toFixed(2));
        }
        private function conductimg():void{
            if(this.isZoom){//如果高宽正常,开始计算
                if(this.srcWidth/this.srcHeight>=this.maxWidth/this.maxHeight){
                                       //比较高宽比例,确定以宽或者是高为基准进行计算。
                    if(this.srcWidth>this.maxWidth){//以宽为基准开始计算,
                                                //当宽度大于限定宽度,开始缩放
                        this.newWidth=this.maxWidth;
                        this.newHeight=(this.srcHeight*this.maxWidth)/this.srcWidth
                    }else{
                                                //当宽度小于限定宽度,直接返回原始数值。
                        this.newWidth=this.srcWidth;
                        this.newHeight=this.srcHeight;
                    }
                }else{
                    if(this.srcHeight>this.maxHeight){//以高为基准,进行计算
                                                //当高度大于限定高度,开始缩放。
                        this.newHeight=this.maxHeight;
                        this.newWidth=(this.srcWidth*this.maxHeight)/this.srcHeight
                    }else{
                                                //当高度小于限定高度,直接返回原始数值。
                        this.newWidth=this.srcWidth;
                        this.newHeight=this.srcHeight;
                    }
                }
            }else{//不正常,返回0
                this.newWidth=0;
                this.newHeight=0;
            }
        }
    }
}
应用范例:
import tools.imgzoom;
函数 当加载完毕时{
                        var t:Sprite=new Sprite();
            var w:Number=685;//限定的宽度
            var h:Number=450;//限定的高度
                        var t:Sprite=new Sprite();//造个东西准备装图片
            var myZoom:imgzoom=new imgzoom(e.target.content.width,e.target.content.height,w,h);//实例化算法
            e.target.content.width=myZoom.width();//把加载过来的东西宽度弄了
            e.target.content.height=myZoom.height();//把加载过来的东西高度弄了
            t.addChild(e.target.content);//加入t的显示列表
            
}
[1b]文件下载:

imgzoom.rar
[url=http://www.blueidea.com/articleimg/2009/12/7290/imgzoom.rar]

[/url]
[/1b]
建议用bitmapdata结合matrix来处理这个问题,直接得出需要显示的那块图像数据(更节约资源),可以不用频繁设置坐标和缩放,代码量也会少很多。
贴出关键代码:
              public static function getZoomDraw(targetisplayObject, tarW:int, tarH:int,full:Boolean=true):BitmapData {
                     //获取显示对象矩形范围
                     var rect:Rectangle = target.getBounds(target);
                     //计算出应当缩放的比例
                     var perw = tarW / rect.width;
                     var perh = tarH / rect.height;
                     var scale = full?((perw [1b]源文件实例:

zoom.rar
[/1b]
本文转自:http://www.5uflash.com/flashjiaocheng/Flash-as3-jiaocheng/5231.html
分享到:
评论

相关推荐

    图片压缩、图片等比缩放软件

    在IT领域,图片压缩和等比缩放是两个常见的图像处理任务,对于存储、传输和显示图片至关重要。本文将深入探讨这两个概念,并介绍一款名为XnView的实用工具。 图片压缩是指减小图像文件大小的过程,目的是在不显著...

    JQuery实现等比缩放图片插件

    这个插件可以帮助我们在页面加载或窗口大小改变时自动调整图片的尺寸,使其等比例缩放。以下是一般步骤: 1. **引入JQuery库**:确保你的HTML文件中已经引入了JQuery库,这可以通过CDN链接或者本地文件引用完成。 ...

    JS图片等比缩放

    "JS图片等比缩放"是一种常见的技术,用于确保图片在不同尺寸的容器中显示时保持其原始比例,避免图像失真或变形。这种技术广泛应用于产品图和缩略图的显示,尤其是在用户需要查看多种尺寸图片的场景下,如电商网站的...

    图片等比缩放展示

    在IT行业中,图片等比缩放展示是一项基本且重要的技术,尤其在网页设计和移动应用开发中至关重要。等比缩放确保了图片在不同尺寸的屏幕或窗口中保持其原始的比例,避免出现图像拉伸或压缩导致失真的情况。本话题主要...

    图片自动等比缩放JS(实用)

    图片自动等比缩放JS(实用) 直接加载调用,不受IE、TT、火狐影响

    上传图片 - 等比缩放

    本文将详细讨论“上传图片 - 等比缩放”的技术实现,包括如何生成两个不同尺寸的缩略图,一个为100X100像素,另一个为300X300像素。 首先,我们需要理解什么是等比缩放。等比缩放是指在调整图像大小时保持其原始...

    JQUERY相册--等比缩放图片大小

    在网页设计中,展示图片的方式多种多样,而“JQUERY相册--等比缩放图片大小”就是一个典型的案例,它利用jQuery库实现了一个功能强大的图片相册,具有自动等比例缩放图片的功能,确保无论原始图片尺寸如何,都能在...

    用JAVA获取视频文件中的帧图片并等比缩放

    * 在视频文件中的帧图片获取后,我们可以使用ImageIO类来对图片进行等比缩放。 * 等比缩放可以应用于不同的应用场景,例如视频封面、图片分享、多媒体处理等。 知识点三:javacv库 * javacv库是一个基于Java的...

    js等比缩放图片

    有时候,我们希望图片能够在不同的设备和屏幕尺寸下保持良好的显示比例,这就需要用到等比缩放技术。本文将深入探讨如何使用JavaScript实现图片的等比缩放,确保在火狐、IE、谷歌等主流浏览器中都能正常工作。 首先...

    JS显示图片等比缩放

    图片显示等比缩放 

    PC、移动端自适应等比缩放布局方案

    ### PC、移动端自适应等比缩放布局方案 随着互联网技术的发展与用户需求的变化,前端开发中的布局方式也在不断地演变。从最开始的静态布局到流式布局、自适应布局、响应式布局以及弹性布局,每种布局都有其独特的...

    图片打水印及图片等比缩放

    处理方式类似于文字水印,只不过需要加载图片并调整其透明度和位置,然后将其与原图合成。 3. **水印位置与透明度**:水印的位置通常选择在图片的角落或者中心,以不影响主要视觉内容。透明度设置要适度,既能明显...

    c#图片截取,缩放,等比缩放等功能

    有以下三个API:将矩形图片截取成正方形,然后缩放成你要的比例 将矩形图缩放成你要的比例

    php图片等比缩放和添加水印

    里面提供的是php处理图片的两个方法,一个是对图片进行等比缩放,另一个是对图片...在相应的web目录下运行代码,就可以在image目录下看到经过等比缩放处理的有“s_”前缀的图片和经过水印处理的有“n_s_”前缀的图片。

    android 等比缩小图片demo

    当图片的尺寸超过屏幕宽度时,为了保持用户体验的良好,通常需要对图片进行等比缩放,使其适应屏幕宽度。"android等比缩小图片demo"就是这样一个示例,它展示了如何在Android应用中实现图片的等比缩放功能。 等比...

    js图片缩放效果制作鼠标滚动图片等比例缩放

    在网页设计中,动态的图片展示效果可以提升用户体验,其中一种常见的技术是通过JavaScript实现鼠标滚动时图片等比例缩放。这个技术的核心在于利用JavaScript事件监听和CSS3变换功能,来实现图片随着页面滚动而优雅地...

    js操作图片等比缩放及旋转

    - **HTML**:在HTML中,我们可以使用`<img>`标签加载图片,并通过CSS的`width`和`height`属性来调整大小。但这样做可能破坏比例。为了实现等比缩放,我们可以使用CSS的`max-width`和`max-height`属性,配合`width: ...

    Winform无边框移动,修改窗体大小,并且等比缩放

    但是没有边框,窗体就不能移动,并且不能修改大小,经过修改,窗体可以移动,并且能移动大小,但是发现窗体拉到以后分辨率会降低,经过努力,终于把无边框窗体改成可以拖动,改变大小并且可以等比缩放窗体,...

    go语言图片等比缩放图片居中固定大小无拉伸

    等比缩放图片并保持其原始比例,同时确保图片居中且不发生拉伸,是图像处理中的一个重要环节。这有助于保持图片的质量和视觉效果。下面将详细介绍如何在Go语言中实现这一功能。 首先,我们需要导入`image`和`image/...

    等比缩放图片

    ### 等比缩放图片知识点详解 #### 一、知识点概述 在图像处理领域,等比缩放是一项非常基础且实用的技术。它主要用于调整图片的尺寸,使其适应不同的应用场景,比如网页展示、移动设备适配等。在进行等比缩放时,...

Global site tag (gtag.js) - Google Analytics