Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Canvas ThreeJS-如何将画布输出到特定的div?_Canvas_Three.js - Fatal编程技术网

Canvas ThreeJS-如何将画布输出到特定的div?

Canvas ThreeJS-如何将画布输出到特定的div?,canvas,three.js,Canvas,Three.js,看起来画布只是简单地插入到流底部的主体中。我想知道需要修改哪一段代码才能将其插入到特定的div中 通常是这一行: container = document.createElement( 'div' ); //later in that file container.appendChild( renderer.domElement ); 将第一行更改为: container = document.getElementById( 'mycustomdiv' ); 您可以自己创建画布并将其放置到

看起来画布只是简单地插入到流底部的主体中。我想知道需要修改哪一段代码才能将其插入到特定的div中

通常是这一行:

container = document.createElement( 'div' );

//later in that file
container.appendChild( renderer.domElement );
将第一行更改为:

container = document.getElementById( 'mycustomdiv' );

您可以自己创建画布并将其放置到所需的位置。然后像这样将其传递给渲染器构造函数:
renderer=new THREE.WebGLRenderer({canvas:myCanvasElem})查看。

你说得对,但我只是在正文底部添加了这个:$(“canvas”).appendTo(“#canvascanner”);请注意,如果您有另一个画布,JQuery“canvas”将找到所有画布元素。