canvas - ThreeJS - 如何将画布输出到特定的 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 });参见文档。