render.domElement的含义是什么，该参数的含义是什么？

Question

我正在学习以深刻的方式来操纵three_js代码。我面对最后一行，想知道最后一行的含义。在MDN上找不到任何参考。

var scene = new THREE.Scene(); // scene initialization
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 ); // see syntax one line below
// syntax: .PerspectiveCamera(FOV, aspectRatio, nearClippingPlane, farClippingPlane);

var renderer = new THREE.WebGLRenderer(); // WebGLRenderer initialization 
renderer.setSize( window.innerWidth, window.innerHeight ); // render aspectRatio

document.body.appendChild( renderer.domElement );

将渲染器添加为document.BODY的节点，可能是<canvas>吗？

Answer 1

renderer.domElement指将在其中渲染场景的<canvas>元素。
它要么由渲染器自动生成，要么是您通过THREE.WebGLRenderer函数接受的参数对象传递给渲染器的画布。
请参阅：Line 61中的Line 78和WebGLRenderer。

因此，最后一行仅将此<canvas>附加为html页面中body的子元素。就是这样。