ThreeJS - How to output canvas into specific div?

Question

It seems that the canvas is simply inserted into the body, at the bottom of the flow. I was wondering which bit of code do I need to change to get it to insert into a specific div?

Answer 1

It is usually this line:

container = document.createElement( 'div' );

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

change the first line to:

container = document.getElementById( 'mycustomdiv' );

Answer 2

You could create the canvas yourself and put it to your desired location. Then pass it to the renderer constructor like this: renderer = new THREE.WebGLRenderer({ canvas: myCanvasElem }); See the docs.