本文實例講述了JS圖片等比例縮放方法。分享給大家供大家參考，具體如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

javascript自動按比例顯示圖片，按比例壓縮圖片顯示

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;

}

border="0"

width="0"

height="0"

οnlοad="AutoResizeImage(100,0,this)"

/>

width:100px

border="0"

width="0"

height="0"

οnlοad="AutoResizeImage(0,100,this)"

/>

height:100px

border="0"

width="0"

height="0"

οnlοad="AutoResizeImage(100,100,this)"

/>

width:100px height:100px

希望本文所述對大家JavaScript程序設計有所幫助。

總結

以上是生活随笔為你收集整理的html5表格图片按比例缩放,JS图片等比例缩放方法完整示例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。