js 等比例縮放圖片

//第1個參數是當前對象this，第2個是寬，第3個是高

function datuIMG(datu,kuan,chang){

datu.width = kuan*100;
datu.height = chang*100;
//圖片等比例縮小
if(datu.width*chang>datu.height*kuan){
datu.width=kuan;
datu.height=(kuan*chang)/kuan;
}
else{
datu.width=(chang*kuan)/chang;
datu.height=chang;
}
//圖片居中顯示
//圖片寬小于設定的邊框寬
if(datu.width<=kuan){
var kk = parseInt((kuan-datu.width)/2);
datu.style.paddingRight = kk + "px";
datu.style.paddingLeft = kk + "px";
}
//圖片高小于設定的邊框高
if(datu.height<=chang){
var gg = parseInt((chang-datu.height)/2);
datu.style.paddingTop = gg + "px";
datu.style.paddingBottom = gg + "px";
}

}

//使用

在img上寫onload事件  onload=" datuIMG(this,100,80)"

終究的效果就會將不管多大的圖片 等比縮放成 100*80