亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

我的理解：

var realw = winHeight * w/h;

var realh = winWidth * h/w;

圖片要看起來協調就要保證圖片放大縮小時縱橫比不變， 而圖片本身的縱橫比是 h / w  或者 橫縱 比是 w / h,

所以當圖片比較長，也就是豎圖時，需求是把窗口高度(winHeight) 當做真實展示高度，我們就需要按下面這個比例關系 來求圖片展示的寬度(realw)，把除數拿到右面不就是乘法么。。

realw / winHeight  = w / h   

同理當圖片比較寬時，也就是橫圖時，需求是把窗口寬度(winWidth)當做真實展示寬度，我們就需要按下面這個比例關系 來求圖片展示的高度(realh)

realh / winWidth = h / w  

還是不明白，為什么是（圖片的寬度乘以窗口的高度）除以真實的高度??還有我做的為什么圖片是一般高度啊？我用firebug試了一下，發現貌似是canvas的問題啊。。。

實際上就是先計算縮放比。

如果直接用window的寬度減去圖片寬度除以2，在圖片高度與窗口高度相等的情況下沒錯，但是當圖片高度小于或者大于窗口高度時，圖片需要縮放來適應窗口，因此需要圖片的寬度乘以（window的高度除以高度）。