javascript - 三.js改变分辨率

Question

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

我怎样才能完成具有 640x480 像素大小的画布，但在其上渲染 320x240 像素场景的全尺寸？

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

提前致谢。

score 1 · Accepted Answer

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

例如：

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

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

1 回答 1