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

Three-JS - Fullscreen change Size of renderer

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

那么问题来了,如何运行 ThreeJS 全屏但仍然保持渲染器大小?

将 canvas 元素的 属性 显示为

canvas{
display: block;
}