调整浏览器大小时保持原始画布宽高比

Question

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

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

感谢您的帮助！

Answer 1

Mozilla Bespin（当它存在时回来）做了类似的事情。

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