Question

我有一个问题可能听起来很愚蠢，而且它是关于THREE.js中的解决方案。我很常见OpenGL和围绕它的框架很少，所以很明显我终于对webGL和Three.js感兴趣了。我尝试了一些简单的演示，并决定自己写一些东西，但这是一个问题：

如何制作尺寸为640x480像素的画布，但渲染320x240px场景的全尺寸？

例如，仅仅是为了表演，还是更具艺术性/古老性的样子？

提前致谢。

Answer 1

您可以使用CSS。使用html属性或JavaScript将画布设置为320x240px，然后使用CSS将其设置为640x480px。这应该缩放画布及其内容。

例如：

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

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