网站建设分享一个好的等比例缩放图片的方法
以前做网站制作都会积累一些常用的JS代码、库类之类的东西。相信做网站程序或者网站页面制作的朋友大都也会积累一些代码,前几天我的电脑死机几次终于蔑视我的置之不理了,当客户需要一个等比例图片缩放效果的时候卡壳了...
有问题,就去搜呗,沈阳网站建设发现了一个很不错的等比例缩放js代码,分享给大家,主要是好理解而且高、宽都可以等比例缩放:
方法:(如果不是整站都需要等比例缩放,可以直接放到页面里)
function AutoResizeImage(maxWidth,maxHeight,objImg){
var img = new Image();
img.src = objImg.src;
var hRatio;
var wRatio;
var Ratio = 1;
var w = img.width;
var h = img.height;
wRatio = maxWidth / w;
hRatio = maxHeight / h;
if (maxWidth ==0 && maxHeight==0){
Ratio = 1;
}else if (maxWidth==0){//
if (hRatio<1) Ratio = hRatio;
}else if (maxHeight==0){
if (wRatio<1) Ratio = wRatio;
}else if (wRatio<1 | | hRatio<1){
Ratio = (wRatio<=hRatio?wRatio:hRatio);
}
if (Ratio<1){
w = w * Ratio;
h = h * Ratio;
}
objImg.height = h;
objImg.width = w;
}
html里的调用