2

有没有办法按屏幕百分比设置 renderer.setSize 计算？

例如，我希望我的框架设置为设备宽度的 80% 和设备高度的 80%，我们可以这样做吗？

4

2 回答 2

5

如果您想在调整窗口大小（如在 css 中）期间更新画布宽度和高度，可以使用以下代码：

function resize() {
    var factor = 0.8; // percentage of the screen
    var w = window.innerWidth * factor;
    var h = window.innerHeight * factor;
    renderer.setSize(w, h);
    camera.aspect = w / h;
    camera.updateProjectionMatrix();
}; 

window.addEventListener("resize", resize);
于 2015-04-08T18:01:21.820 回答
1

首先，您必须使用 :window.innerWidth和window.innerHeight.

然后在设置渲染器的大小时应用所需的缩放因子，如下所示：

   renderer.setSize(window.innerWidth * 0.8, window.innerHeight * 0.8);

希望这有帮助

于 2013-11-07T09:02:51.023 回答