三.js改变分辨率

Question

我有一个听起来很愚蠢的问题，它与 THREE.js 中的分辨率有关。 我对 OpenGL 和它周围的一些框架很常见，所以很明显我最终对 webGL 感兴趣，因此对 Three.js 感兴趣。我尝试了一些简单的演示，并决定自己写一些东西，但这里有一个问题：

如何实现画布的大小为 640x480 像素，但在其上渲染 320x240 像素的场景是全尺寸的？

例如只是为了表演，或者更具艺术性/oldScholl 外观？

提前致谢。

Answer 1

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

例如：

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

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

http://jsfiddle.net/jwy6a/