three.js的setPixelRatio() 方法和 setViewport() 方法

除了 setSize() 方法，Three.js 还提供了 setPixelRatio() 方法和 setViewport() 方法来控制渲染器的大小和比例。

setPixelRatio() 方法用于设置设备像素比（device pixel ratio）。由于不同设备的屏幕分辨率不同，为了保证渲染效果的一致性，Three.js 会将渲染器的大小自动缩放到设备像素比的大小。可以使用 setPixelRatio() 方法来手动指定设备像素比，例如：

renderer.setPixelRatio(window.devicePixelRatio);

这里的 window.devicePixelRatio 表示当前设备的像素比。通过将渲染器的大小与设备像素比相乘，可以得到实际的画布大小。

setViewport() 方法用于设置渲染视口（viewport）。渲染视口表示画布中实际用于渲染的部分，通常为画布的全部区域。可以使用 setViewport() 方法来指定渲染视口的位置和大小，例如：

renderer.setViewport(x, y, width, height);

其中，x 和 y 表示视口左上角的坐标，width 和 height 表示视口的宽度和高度。通过设置渲染视口，可以在画布中显示多个视图或者实现一些特殊的渲染效果。需要注意的是，渲染视口的大小应该小于或等于渲染器的大小。