javascript - 三.js改变分辨率

Question

我有一个听起来很愚蠢的问题，它与 THREE.js 中的解决方案有关。我对 OpenGL 很熟悉，而且很少有围绕它的框架，所以很明显我最终对 webGL 感兴趣，因此对 Three.js 感兴趣。我尝试了一些简单的演示并决定自己写一些东西，但有一个问题:

如何才能实现 Canvas 尺寸为 640x480 像素，但以全尺寸渲染 320x240 像素场景？

例如只是为了性能，还是更具艺术性/oldScholl 外观？

提前致谢。

Answer 1

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

例如:

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

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

http://jsfiddle.net/jwy6a/