js 图片缩放（按比例）控制代码

274 阅读 0 评论 181 点赞

我是靠谱客的博主要减肥芹菜，最近开发中收集的这篇文章主要介绍js 图片缩放（按比例）控制代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

缩放代码：

复制代码代码如下:

缩放代码： 
<script type="text/javascript"> 
//图片按比例缩放 
var flag = false; 
function DrawImage(ImgD, iwidth, iheight) { 
//参数(图片,允许的宽度,允许的高度) 
var image = new Image(); 
image.src = ImgD.src; 
if (image.width > 0 && image.height > 0) { 
flag = true; 
if (image.width / image.height >= iwidth / iheight) { 
if (image.width > iwidth) { 
ImgD.width = iwidth; 
ImgD.height = (image.height * iwidth) / image.width; 
} else { 
ImgD.width = image.width; 
ImgD.height = image.height; 
} 
ImgD.alt = image.width + "×" + image.height; 
} 
else { 
if (image.height > iheight) { 
ImgD.height = iheight; 
ImgD.width = (image.width * iheight) / image.height; 
} else { 
ImgD.width = image.width; 
ImgD.height = image.height; 
} 
ImgD.alt = image.width + "×" + image.height; 
} 
} 
} 
</script> 
页面代码： 
<img onload="javascript：DrawImage(this,89,63)" src="http://www.uoften.com/images/logo.gif" width="89" height="63" border="0" /> 
觉得不错的发个言！ 

页面代码：
1. <img onload="javascript：DrawImage(this,89,63)" src="http://www.uoften.com/uploadfile/2018/0411/20180411122131244.gif" width="89" height="63" border="0" />
觉得不错的发个言！