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

phperwuhan的博客

记载一个phper的历程!phperwuhan.blog.163.com

 
 
 

日志

 
 

JavaScript,等比例缩放图片的函数,很好用。   

2010-05-06 09:16:49|  分类: js |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

来源:http://www.cnblogs.com/leimin3113591/archive/2006/02/28/339354.html

在Web上显示图片,通常都会有图片显示比例问题,如果不给<img />限制width和height,那么如果图片大了就会将整个页面挤乱,图片小了又会使图片失真。
    我的需求如下:
        1、预先定义好图片显示的标准宽度和高度。
        2、如果图片的大小超过了标准定义,那么等比例压缩图片。
        3、如果图片的大小等于标准定义,那么按照标准宽度和高度显示图片。
        4、如果图片的大小小于标准定义,那么不对图片进行任何压缩处理。
    可能是我搜索的关键字不对吧,在网上找了很长时间,才找到,感觉很好使。代码如下

JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客<script language="JavaScript">
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客
<!--
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客
//图片按比例缩放
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客
var flag=false;
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客function DrawImage(ImgD,iwidth,iheight)
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客{
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客    
//参数(图片,允许的宽度,允许的高度)
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客
    var image=new Image();
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客    image.src
=ImgD.src;
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客    
if(image.width>0 && image.height>0)JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客{
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客    flag
=true;
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客    
if(image.width/image.height>= iwidth/iheight)JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客{
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客        
if(image.width>iwidth)JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客{  
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客        ImgD.width
=iwidth;
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客        ImgD.height
=(image.height*iwidth)/image.width;
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客        }
elseJavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客{
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客        ImgD.width
=image.width;  
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客        ImgD.height
=image.height;
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客        }

JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客        ImgD.alt
=image.width+"×"+image.height;
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客        }

JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客    
elseJavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客{
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客        
if(image.height>iheight)JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客{  
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客        ImgD.height
=iheight;
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客        ImgD.width
=(image.width*iheight)/image.height;        
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客        }
elseJavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客{
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客        ImgD.width
=image.width;  
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客        ImgD.height
=image.height;
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客        }

JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客        ImgD.alt
=image.width+"×"+image.height;
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客        }

JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客    }

JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客}
 
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客
//-->
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客
</script>
JavaScript,等比例缩放图片的函数,很好用。  - phperwuhan - phperwuhan的博客调用:
<img src="images/toplogo.gif" onload="javascript:DrawImage(this,100,100)">
  评论这张
 
阅读(404)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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