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

Question

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

那么问题来了，如何在全屏运行 ThreeJS 的同时保持渲染器的大小？

Answer 1

将 Canvas 元素的显示属性设置为

canvas{
display: block;
}