three.js - 调整渲染器大小时 Threejs 渲染区域缩小到 25%

Question

在设置我的视口(viewport)后第二次调用 renderer.setSize() 后，我的场景似乎缩小到其原始大小的 25% 并移动到 Canvas 的左下方。我的用例需要多次调用 setSize，因为我希望用户能够随意进入和离开全屏模式。

我预计这将是我的程序中的一个错误，除了我已经设法在网络上的许多示例中重现它(所有这些示例都使用视口(viewport))。

这个来自 Three.js 主页:
http://i42.tinypic.com/s5a747.jpg

这来自 stemkoski.github.io:
http://i42.tinypic.com/313qi5u.png

因此，我不确定问题是由于我的显卡、我的电脑、一些不寻常的设置，还是 Three.js 中的错误。我正在使用带有视网膜显示屏的 macbook pro，Nvidia GeForce GT 650M 1024MB。我已经能够在 chrome 和 firefox 中重现这一点。奇怪的是，如果我将外接显示器连接到计算机并将窗口拖到上面，刷新页面后问题就会消失。任何帮助表示赞赏。

Answer 1

从 r70 开始，渲染器的设备像素比可以通过以下方式设置:

renderer.setPixelRatio(window.devicePixelRatio ? window.devicePixelRatio : 1)