js控制图片比例缩放代码实例

图片在应用中难免要根据实际情况进行大小调整，但是这种大小调整通常并不是无原则的，例如图片等比例缩放就是要遵守的重要原则之一，否则就会出现图片变形现象，下面就分享一段图片等比例缩放的代码。

一.js代码如下:

[ 其他 ] 运行代码下载代码

<script>
function DrawImage(ImgD,FitWidth,FitHeight){   
  var image=new Image();   
  image.src=ImgD.src;   
  if(image.width>0 && image.height>0)
  {   
    if(image.width/image.height>= FitWidth/FitHeight)
        {   
      if(image.width>FitWidth)
          {   
        ImgD.width=FitWidth;   
        ImgD.height=(image.height*FitWidth)/image.width;   
      }   
      else
          {   
        ImgD.width=image.width;   
        ImgD.height=image.height;   
      }   
    }   
    else
        {   
      if(image.height>FitHeight)
          {   
        ImgD.height=FitHeight;   
        ImgD.width=(image.width*FitHeight)/image.height;   
      }   
      else
          {   
        ImgD.width=image.width;   
        ImgD.height=image.height;   
      }   
    }   
  }   
}
</script>

代码描述：js控制图片比例缩放。js控制图片比例缩放代码实例

下载全部收藏

127 169

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册