//第一個參數(shù)是當(dāng)前對象this，第二個是寬，第三個是高

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;
}
//圖片居中顯示
//圖片寬小于設(shè)定的邊框?qū)?if(datu.width<=kuan){
var kk = parseInt((kuan-datu.width)/2);
datu.style.paddingRight = kk + "px";
datu.style.paddingLeft = kk + "px";
}
//圖片高小于設(shè)定的邊框高
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

標(biāo)簽：

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。