每次做相册类的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
发表评论
-
精美全Flash个人网站的制作全程解析
2010-04-10 14:15 626原文件下载地址: http:/ ... -
asp+access+as3+flash留言本教程——flash篇
2010-04-10 14:15 634[1b] 需要源文件留下email [/1b] [1b]成业作 ... -
TOMCAT+JSP+ACCESS+FLASH连接数据库
2010-04-10 14:15 587很多新人问FLASH和数据库连接的方法,这里介绍一下,后台可 ... -
Flash站技术应用(7)—FileReference路径获取问题
2010-04-10 14:14 627关于flash后台通信问题,大家先看下 火山的Flash+a ... -
Flash全站的技术应用-Flash也能播放wmv,wma
2010-04-10 14:14 694前言 Flash能播放除flv,m ... -
flash中NetConnection与NetStream知识整理
2010-04-10 09:34 838NetConnection只有一个connect方法,NetS ... -
flv制作工具大全
2010-04-10 09:34 712Collected links to Flash Vid ... -
FLV播放器汇总
2010-04-10 09:34 692http://www.dengjie.com/weblog/c ... -
flash视频文件自动的在服务器端转换成FLV文件的FFMPEG的编译方法
2010-04-10 09:33 719在闪吧看别人的帖子看 ... -
flash视频文件自动的在服务器端转换成FLV文件的FFMPEG的编译方法
2010-04-10 09:33 731在闪吧看别人的帖子看 ... -
flash9/as3访问WebService的暂时替代方法
2010-04-09 12:31 1153在前面写了 flash9/as3访问WebService的的方 ... -
《as3中文帮助(PDF&CHM)》下载
2010-04-09 12:31 1421官方的下载地址(PDF格式): ActionScript 3. ... -
《as3中文帮助(PDF&CHM)》下载
2010-04-09 12:30 987官方的下载地址(PDF格式): ActionScript 3. ... -
AS3数据存取方式效率比较
2010-04-09 12:30 580通常我们存取数据有如下几种方式:Array, Object, ... -
AS3数据存取方式效率比较
2010-04-09 12:30 606通常我们存取数据有如下几种方式:Array, Object, ... -
一个AS3 socket解码设计的错误思路
2010-04-09 08:08 622调试游戏确实是一项磨人的工作。难怪很多业内人都喜欢说“好游戏是 ... -
一个AS3 socket解码设计的错误思路
2010-04-09 08:08 661调试游戏确实是一项磨人的工作。难怪很多业内人都喜欢说“好游戏是 ... -
SWF间的双向通信
2010-04-09 08:08 713演示文件源码下载: swfs_communication.r ... -
SWF间的双向通信
2010-04-09 08:07 632演示文件源码下载: swfs_communication.r ... -
鸽子动态画法
2010-04-08 08:10 813禽类的画法:鸽子动态。来一起分析下鸽子的运动方式。[1b](未 ...
相关推荐
在IT领域,图片压缩和等比缩放是两个常见的图像处理任务,对于存储、传输和显示图片至关重要。本文将深入探讨这两个概念,并介绍一款名为XnView的实用工具。 图片压缩是指减小图像文件大小的过程,目的是在不显著...
这个插件可以帮助我们在页面加载或窗口大小改变时自动调整图片的尺寸,使其等比例缩放。以下是一般步骤: 1. **引入JQuery库**:确保你的HTML文件中已经引入了JQuery库,这可以通过CDN链接或者本地文件引用完成。 ...
"JS图片等比缩放"是一种常见的技术,用于确保图片在不同尺寸的容器中显示时保持其原始比例,避免图像失真或变形。这种技术广泛应用于产品图和缩略图的显示,尤其是在用户需要查看多种尺寸图片的场景下,如电商网站的...
在IT行业中,图片等比缩放展示是一项基本且重要的技术,尤其在网页设计和移动应用开发中至关重要。等比缩放确保了图片在不同尺寸的屏幕或窗口中保持其原始的比例,避免出现图像拉伸或压缩导致失真的情况。本话题主要...
图片自动等比缩放JS(实用) 直接加载调用,不受IE、TT、火狐影响
本文将详细讨论“上传图片 - 等比缩放”的技术实现,包括如何生成两个不同尺寸的缩略图,一个为100X100像素,另一个为300X300像素。 首先,我们需要理解什么是等比缩放。等比缩放是指在调整图像大小时保持其原始...
在网页设计中,展示图片的方式多种多样,而“JQUERY相册--等比缩放图片大小”就是一个典型的案例,它利用jQuery库实现了一个功能强大的图片相册,具有自动等比例缩放图片的功能,确保无论原始图片尺寸如何,都能在...
* 在视频文件中的帧图片获取后,我们可以使用ImageIO类来对图片进行等比缩放。 * 等比缩放可以应用于不同的应用场景,例如视频封面、图片分享、多媒体处理等。 知识点三:javacv库 * javacv库是一个基于Java的...
有时候,我们希望图片能够在不同的设备和屏幕尺寸下保持良好的显示比例,这就需要用到等比缩放技术。本文将深入探讨如何使用JavaScript实现图片的等比缩放,确保在火狐、IE、谷歌等主流浏览器中都能正常工作。 首先...
图片显示等比缩放
### PC、移动端自适应等比缩放布局方案 随着互联网技术的发展与用户需求的变化,前端开发中的布局方式也在不断地演变。从最开始的静态布局到流式布局、自适应布局、响应式布局以及弹性布局,每种布局都有其独特的...
处理方式类似于文字水印,只不过需要加载图片并调整其透明度和位置,然后将其与原图合成。 3. **水印位置与透明度**:水印的位置通常选择在图片的角落或者中心,以不影响主要视觉内容。透明度设置要适度,既能明显...
有以下三个API:将矩形图片截取成正方形,然后缩放成你要的比例 将矩形图缩放成你要的比例
里面提供的是php处理图片的两个方法,一个是对图片进行等比缩放,另一个是对图片...在相应的web目录下运行代码,就可以在image目录下看到经过等比缩放处理的有“s_”前缀的图片和经过水印处理的有“n_s_”前缀的图片。
3) 图片的操作有原始大小显示、图片拉伸铺满RectTransform、图片按RectTransform宽的长度等比原始比例缩放显示、图片按RectTransform高的长度等比原始比例缩放显示。 应用:在对图片的大小比例进行调整的Image、Raw...
- **HTML**:在HTML中,我们可以使用`<img>`标签加载图片,并通过CSS的`width`和`height`属性来调整大小。但这样做可能破坏比例。为了实现等比缩放,我们可以使用CSS的`max-width`和`max-height`属性,配合`width: ...
当图片的尺寸超过屏幕宽度时,为了保持用户体验的良好,通常需要对图片进行等比缩放,使其适应屏幕宽度。"android等比缩小图片demo"就是这样一个示例,它展示了如何在Android应用中实现图片的等比缩放功能。 等比...
在网页设计中,动态的图片展示效果可以提升用户体验,其中一种常见的技术是通过JavaScript实现鼠标滚动时图片等比例缩放。这个技术的核心在于利用JavaScript事件监听和CSS3变换功能,来实现图片随着页面滚动而优雅地...
等比缩放图片并保持其原始比例,同时确保图片居中且不发生拉伸,是图像处理中的一个重要环节。这有助于保持图片的质量和视觉效果。下面将详细介绍如何在Go语言中实现这一功能。 首先,我们需要导入`image`和`image/...
### 等比缩放图片知识点详解 #### 一、知识点概述 在图像处理领域,等比缩放是一项非常基础且实用的技术。它主要用于调整图片的尺寸,使其适应不同的应用场景,比如网页展示、移动设备适配等。在进行等比缩放时,...