在调整浏览器大小时保持原始画布纵横比

Question

我使用宽度为100％的画布;和身高：100％。它是全屏幕，我在上面画一个图像。我想在调整浏览器大小时保留图像的原始纵横比。我想同样的效果，如果我会这样做：http://pastebin.com/pFEQJsvM。任何想法我怎么能做到这一点？

这里是我的javscript代码： http://pastebin.com/U5VpzfbZ

谢谢您的帮助！

Answer 1

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

把它放在一个div中。使Div 100％/ 100％。您可以使用onresize事件或计时器来检查div的客户端大小是否已更改。如果有，请将画布大小调整为与div大小相同。