three.js改變分辨率

Question

我有一個問題，聽起來可能很愚蠢，它是關於THREE.js中的分辨率。 我很常見OpenGL和它周圍的一些框架，所以很明顯我最終對webGL和Three.js感興趣。我嘗試了一些簡單的演示，並決定自己寫一些東西，但這裏有一個問題：

我如何才能完成具有640x480像素大小的畫布，但渲染320x240px場景的全尺寸？

例如只是爲了表演，或更多的藝術/ oldScholl看看？

在此先感謝。

Answer 1

您可以使用CSS。使用HTML屬性或JavaScript將畫布設置爲320x240像素，然後使用CSS將其設置爲640x480像素。這應該縮放畫布及其內容。

例如：

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

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

http://jsfiddle.net/jwy6a/