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

Question

我有宽度为 100% 的画布；和高度：100%。它是全屏的，我在上面画了一个图像。我想在调整浏览器大小时保持图像的原始纵横比。我想要和我这样做一样的效果：http: //pastebin.com/pFEQJsvM。有什么想法可以实现吗？

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

谢谢您的帮助！

Answer 1

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

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