三.js改变分辨率

three.js changing resolution

本文关键字：分辨率 改变 js      更新时间：2023-09-26

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

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

例如，只是为了表演，还是更艺术/老式的外观？

提前谢谢。

你可以使用 CSS。使用 html 属性或 JavaScript 将画布设置为 320x240 像素，然后使用 CSS 将其设置为 640x480 像素。这应该缩放画布及其内容。

例如：

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

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

http://jsfiddle.net/jwy6a/

相关文章：