使用div和canvas元素作为三.js现场?

有两种方法。或者附加渲染器的DOM元素(这是一个 <canvas> 元素)添加到另一个DOM元素(如果您查看 <div> 你会发现 <画布> ),或者将引用放在已存在的 <画布> 在渲染器的构造函数中:

renderer = new THREE.WebGLRenderer({ canvas: document.querySelector('canvas') })

在这两种情况下,你将有一个 <

三.js使用画布元素自动渲染。如果您可以访问开发人员工具,您将看到它夹在body标记之间。不需要包含div元素或canvas元素。