精美而实用的网站,关注web编程技术、网站运营、SEO推广,让您轻松愉快的学习

网站上传图片尺寸不等,导致图片变形等问题是所有做网站的人都遇到过的问题,青岛星网今天跟大家分享一个超简单的等比例缩放图片JS函数。

JS等比例缩放图片函数

<SCRIPT LANGUAGE="JavaScript">
    <!--
function DownImage(ImgD,MaxWidth,MaxHeight){ 
    var image=new Image(); 
    image.src=ImgD.src; 
    if(image.width>0 && image.height>0){ 
        var rate = (MaxWidth/image.width < MaxHeight/image.height)?MaxWidth/image.width:MaxHeight/image.height;
        if(rate <= 1){          
            ImgD.width = image.width*rate;
            ImgD.height =image.height*rate;
        }
    } 
}
//-->
</SCRIPT>

调用方法:<img src="1.jpg" border="0"  id="img" onload="DownImage(this,130,130);"/>

Tags:缩放图片 等比例 js函数