打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
flash加载外部图片等比缩放类(as3) - 多媒体制作

每次做相册类的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的显示列表
           
}

文件下载:imgzoom.rar

建议用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 <= perh)?perwerh)(perw <= perh)?perherw);
                     //计算缩放后与规定尺寸之间的偏移量
                     var offerW = (tarW - rect.width * scale) / 2;
                     var offerH = (tarH - rect.height * scale) / 2;
                     //开始绘制快照(这里透明参数是false,是方便观察效果,实际应用可改为true)
                     var bmd:BitmapData = new BitmapData(tarW, tarH, false, 0);
                     var matrix:Matrix = new Matrix();
                     matrix.scale(scale, scale);
                     matrix.translate( offerW, offerH);
                     bmd.draw(target, matrix);
                     //如果是bitmap对象,释放位图资源
                     if (target is Bitmap)   (target as Bitmap).bitmapData.dispose();
                     //返回截图数据
                     return bmd;
              }

源文件实例:zoom.rar

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
一個圖片縮放類(按長寬比例縮放,自定義長寬縮放)
MFC中BMP图片旋转任意角度、用于绘制模拟时钟表针
图片预加载的一个简明例子
JS学习10:图片预加载读取图片尺寸
经验分享:10个简单实用的 jQuery 代码片段
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服