在調整瀏覽器大小時保持原始畫布縱橫比

Question

我使用寬度爲100％的畫布;和身高：100％。它是全屏幕，我在上面畫一個圖像。我想在調整瀏覽器大小時保留圖像的原始縱橫比。我想同樣的效果，如果我會這樣做：http://pastebin.com/pFEQJsvM。任何想法我怎麼能做到這一點？

這裏是我的javscript代碼： http://pastebin.com/U5VpzfbZ

謝謝您的幫助！

Answer 1

Mozilla Bespin（當它存在時返回）做了非常相似的事情。

把它放在一個div中。使Div 100％/ 100％。您可以使用onresize事件或計時器來檢查div的客戶端大小是否已更改。如果有，請將畫布大小調整爲與div大小相同。