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。
请参阅：WebGLRenderer的第 61 行和第 78 行。

所以最后一行只是将其作为html 页面<canvas>的子级附加。body确实如此。