three.js更改分辨率

Question

我有一個聽起來可能很愚蠢的問題，它與THREE.js中的分辨率有關。 我對OpenGL及其周圍的一些框架很熟悉，因此很明顯，我終於對webGL感興趣，因此對Three.js也很感興趣。 我嘗試了一些簡單的演示，並決定自己編寫一些東西，但這是一個問題：

我如何才能完成具有640x480像素大小的畫布，但是在其全尺寸上渲染320x240px場景的情況？

例如僅出於表演目的，還是更具藝術感/ oldScholl外觀？

提前致謝。

Answer 1

您可以使用CSS。 使用html屬性或JavaScript將畫布設置為320x240px，然后使用CSS將其設置為640x480px。 這應該縮放畫布及其內容。

例如：

<canvas id="c" width="128" height="128"></canvas>

#c {
    width: 256px;
    height: 256px;
}