javascript - 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 的参数对象传递给渲染器的 Canvas 。函数接受。
请参阅:Line 61和 Line 78的WebGLRenderer 。

所以最后一行只是附加这个 <canvas>作为 body 的 child 在你的 html 页面中。确实如此。