ThreeJS不能在<canvas>标签上使用，而只能在<div>标签</div> </canvas>上使用

Question

WebGL新手并尝试了示例代码：http://aerotwist.com/static/tutorials/getting-started-with-three-js/sample.zip

它适用于div id =“container”标签，但当我将其更改为canvas id =“container”时，它不会。

Answer 1

webgl渲染器和画布渲染器都在canvas dom元素中渲染 您不需要更改容器div。

要回退到CanvasRenderer，你可以使用这样的代码：

if (window.WebGLRenderingContext) 
  renderer = new THREE.WebGLRenderer();
else
  renderer = new THREE.CanvasRenderer();