我正在尝试学习如何在three.js中适应不同的屏幕分辨率。
不幸的是，我没有找到任何一个好的和可以理解的解释方法&;renderer.setSize();&;真的。我已经修改了官方文件，但给出的细节非常简短。
我很感激你的帮助。您可以自由查看源代码:WebGLRenderer
因此，setSize主要配置canvas的大小属性和样式，然后调用setViewport…
在setViewport中，我们看到它设置了Vector4的宽度/高度信息。它还继续配置状态上的视口，这将我们带入WebGLState…
在WebGLState.viewport函数中，它也设置Vector4值，但它也调用:
gl.viewport( viewport.x, viewport.y, viewport.z, viewport.w );
这很重要，因为它为GL上下文配置了视图。
MDN:WebGLRenderingContext.viewport