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;
}