自适应图片的高度

js 代码
  1. /*  
  2.  * @desc 自动调整图片的大小  
  3.  * @param obj: 需要调整的图片对象  
  4.  * @param maxWidth: 允许的最大宽度  
  5.  * @param maxHieght: 允许的最大高度  
  6.  */  
  7. function autoReject(obj, maxWidth, maxHeight){   
  8.     var img = new Image();   
  9.   
  10.     if(!maxWidth) {   
  11.         var maxWidth = 100;   
  12.     }   
  13.     if(!maxHeight) {   
  14.         var maxHeight = 136;   
  15.     }   
  16.     img.src = obj.src;   
  17.   
  18.     //如果图片的长宽比大于默认大小的长宽比,则按照宽度来调整   
  19.     if(img.width/img.height > maxWidth/maxHeight) {   
  20.         if(img.width < maxWidth) {   
  21.             return;     //如果图片的宽度比最大宽度小,则返回   
  22.         }   
  23.         obj.width = maxWidth;   
  24.         obj.height = (img.height/ img.width) * maxWidth;   
  25.     }   
  26.     else {   
  27.         if(img.height < maxHeight) {   
  28.             return;     //如果图片的高度比最大高度小,则返回   
  29.         }   
  30.         obj.height = maxHeight;   
  31.         obj.width = (img.width/ img.height) * maxHeight;   
  32.     }   
  33.     if(obj.style) {   
  34.         obj.style.cssText = "width:" + obj.width + "px;height:" + obj.height + "px;";   
  35.     }   
  36.     delete obj;   
  37.     delete img;   
  38. }  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值