网站建设分享一个好的等比例缩放图片的方法

以前做网站制作都会积累一些常用的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里的调用

onload="AutoResizeImage(最大宽,最大高,this)" />
挺好的用的，可以根据高宽限制，或者单独限制高或者宽！

PHP有的时候调试如果出现无法辨认的js或者样式的提示的时候，沈阳网站建设在js或者样式外加{literal}

{literal}

js或者css样式

{/literal}

说完等比例缩放类了，沈阳网站建设其它的东西也随带说了一下。如果你有其它问题调试不出来可以发信息给我们，这个方法还是比较简单的！