JavaScript图片纵横比缩放的实现代码

发布时间:2020-11-15编辑:脚本学堂
本文介绍一段javascript代码,实现图片保持纵横比缩放效果,有需要的朋友,可以参考下。

代码如下:

复制代码 代码示例:
<script language="javascript">
/**
 * 图片纵横比绽放效果
 * Edit www.jb200.com
*/
function DrawImage(ImgD,maxSize)
{
      var image=new Image();
      image.src=ImgD.src;
      if(image.width>0  &&  image.height>0)
      {
          if(image.width/image.height>=1)
          {
             if(image.width>maxSize)
             {
                 ImgD.width=maxSize;
                 ImgD.height=(image.height*maxSize)/image.width;
             }
             else
             {
                 ImgD.width=image.width;
                 ImgD.height=image.height;
             }
          }
          else
          {
             if(image.height>maxSize)
             {
                ImgD.height=maxSize;
                ImgD.width=(image.width*maxSize)/image.height;
             }
          }
     }
}
</script>