課程
/前端開發(fā)
/WebApp
/移動端的WEB相冊
還是不明白,為什么是(圖片的寬度乘以窗口的高度)除以真實(shí)的高度??還有我做的為什么圖片是一般高度?。课矣胒irebug試了一下,發(fā)現(xiàn)貌似是canvas的問題啊。。。
2014-08-03
源自:移動端的WEB相冊 3-7
正在回答
你是說這里么?
var realw = winHeight * w/h;
var realh = winWidth * h/w;
這么理解把,圖片要看起來協(xié)調(diào)就要保證圖片放大縮小時縱橫比不變, 而圖片本身的縱橫比是 h / w 或者 橫縱 比是 w / h,
所以當(dāng)圖片比較長,也就是豎圖時,需求是把窗口高度(winHeight) 當(dāng)做真實(shí)展示高度,我們就需要按下面這個比例關(guān)系 來求圖片展示的寬度(realw),把除數(shù)拿到右面不就是乘法么。。
realw / winHeight = w / h
同理當(dāng)圖片比較寬時,也就是橫圖時,需求是把窗口寬度(winWidth)當(dāng)做真實(shí)展示寬度,我們就需要按下面這個比例關(guān)系 來求圖片展示的高度(realh)
realh / winWidth = h / w
木偶的死亡舞步 提問者
舉報
本課程通過一個移動端相冊案例,帶您一步步了解移動端框架
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2014-08-05
你是說這里么?
var realw = winHeight * w/h;
var realh = winWidth * h/w;
這么理解把,圖片要看起來協(xié)調(diào)就要保證圖片放大縮小時縱橫比不變, 而圖片本身的縱橫比是 h / w 或者 橫縱 比是 w / h,
所以當(dāng)圖片比較長,也就是豎圖時,需求是把窗口高度(winHeight) 當(dāng)做真實(shí)展示高度,我們就需要按下面這個比例關(guān)系 來求圖片展示的寬度(realw),把除數(shù)拿到右面不就是乘法么。。
realw / winHeight = w / h
同理當(dāng)圖片比較寬時,也就是橫圖時,需求是把窗口寬度(winWidth)當(dāng)做真實(shí)展示寬度,我們就需要按下面這個比例關(guān)系 來求圖片展示的高度(realh)
realh / winWidth = h / w