Three-JS - 全屏更改渲染器的大小

Question

我制作了一个 ThreeJS 应用程序，它被构建为以 4:3 布局运行（有很多按钮等等）。我想允许通过 THREEx.Fullscreen.js 使用全屏。全屏模式正在工作，我遇到的问题是，renderer.size(x,y) 变成了屏幕大小。在我的例子中是 16:9 的布局。

所以问题是，如何在全屏运行 ThreeJS 的同时保持渲染器大小？

Answer 1

将你的画布元素的显示属性设为

canvas{
display: block;
}