JavaScript根据需要动态缩放网页上的图片以适应屏幕大小
<html>
<head>
<title>JavaScript等比例缩放图片</title>
<script>
function DrawImage(ImgD,iwidth,iheight){ //参数(图片,允许的宽度,允许的高度)
var image=new Image();
image.src=ImgD.src;
if(image.width>0
&& image.height>0){ 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;
}
}
else
{
if (image.height > iheight) {
ImgD.height = iheight;
ImgD.width = (image.width * iheight) / image.height;
}
else {
ImgD.width = image.width;
ImgD.height = image.height;
}
}
}
}
</script>
</head>
< body>
<img src="http://www.haotu.net/up/2013/08/02/137540300905687.jpg" alt="图片自动缩放" width = "100" height = "100" onload="javascript：DrawImage(this,80,80)" />
</body></html>
开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明JavaScript根据需要动态缩放网页上的图片以适应屏幕大小！
