js 等比例缩放图片

时间：2015-03-05 17:05:20 阅读：218 评论：0 收藏：0 [点我收藏+]

//第一个参数是当前对象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

js 等比例缩放图片

标签：js 图片缩放

原文地址：http://blog.csdn.net/java_xiaobin/article/details/44083429

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行