三个JS - 如何将画布输出到特定的div？

Question

看起来帆布只是简单地插入到流体底部的身体中。我想知道我需要更改哪些代码才能将其插入到特定的div中？

Answer 1

通常是这一行：

container = document.createElement( 'div' );

//later in that file
container.appendChild( renderer.domElement );

将第一行更改为：

container = document.getElementById( 'mycustomdiv' );

Answer 2

您可以自己创建画布并将其放置到所需位置。然后将其传递给渲染器构造函数，如下所示：renderer = new THREE.WebGLRenderer({ canvas: myCanvasElem });请参阅docs。