如何使用JS等比例改变显示图片的大小

最新推荐文章于 2021-08-04 06:24:38 发布

LeeJay5

最新推荐文章于 2021-08-04 06:24:38 发布

阅读量3.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： JSP

本文链接：https://blog.youkuaiyun.com/LeeJay5/article/details/13967895

JSP 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在JSP页面或HTML页面中通过JavaScript控制显示图片的大小，包括等比例改变图片尺寸的方法及简单的图片尺寸调整方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当你在JSP页面或是HTML页面，显示图片需要控制其大小时，则可以使用以下方法：

法一：

<script type="text/javascript">
function imgSize(ImgD,imgW,imgH){
  var image=new Image();
  image.src=ImgD.src;
  if(image.width>0 && image.height>0){
   if(image.width/image.height>=imgW/imgH){
    if(image.width>imgW){
     ImgD.width=image.width;
     ImgD.Height=(image.height*imgW)/image.width;
    }else{
     ImgD.width=image.width;
     ImgD.Height=image.height;
    }
   }else{
    if(image.height>imgH){
     ImgD.width=(image.width*height)/image.height;
     ImgD.height=imgH;
    }else{
     ImgD.width=image.width;
     ImgD.height=image.height;
    }
   }
  }
}
</script>