| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
ydx3
10年前发布

js 等比例缩放图片

//第一个参数是当前对象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;  }  //图片居中显示  //图片宽小于设定的边框宽  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