js判断图片宽度并限制宽度和高度的javascript代码

最新推荐文章于 2022-01-19 15:33:11 发布

转载最新推荐文章于 2022-01-19 15:33:11 发布 · 2.2k 阅读

文章标签：

#javascript

javascript 同时被 3 个专栏收录

5 篇文章

订阅专栏

HTML+CSS

2 篇文章

订阅专栏

WEB

2 篇文章

订阅专栏

本文介绍了一个JavaScript函数，该函数可以使图片根据指定的最大宽度和高度进行自适应缩放，确保图片不会超过这些限制。

function makesmallpic(obj,w,h){
 var srcImage = new Image();
 srcImage.src=obj.src;
 var srcW=srcImage.width;  
 var srcH=srcImage.height;
 if(srcW>srcH){
  if(srcW>w){
   obj.width=newW=w;
   obj.height=newH=(w/srcW)*srcH;
  }else{
   obj.width=newW=srcW;
   obj.height=newH=srcH;
  }
 }else{
  if(srcH>h){
   obj.height=newH=h;
   obj.width=newW=(h/srcH)*srcW;
  }else{
   obj.width=newW=srcW;
   obj.height=newH=srcH;
  }
 }
 if(newW>w){
  obj.width=w;
  obj.height=newH*(w/newW);
 }else if(newH>h){
  obj.height=h;
  obj.width=newW*(h/newH);
 }
}
本文来自爱秋天电脑教程网 http://www.loveqiutian.cn, 本文地址：http://www.loveqiutian.cn/bencandy.php?aid=61344 