注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

享受编码

    的乐趣

 
 
 

日志

 
 

图片等比缩放算法  

2011-07-08 09:02:19|  分类: Flex & as3 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

/*
等比缩放
*/


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的显示列表

}

建议用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;
}

  评论这张
 
阅读(2514)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017