js 等比例缩放图片
来源:程序员人生 发布时间:2015-03-16 11:01:28 阅读次数:3319次
//第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
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠