我对编程、stackoverflow 和这里的一切都非常陌生。所以请多多包涵。
我使用 Three.js 制作了简单的场景，并分别使用 HTML Canvas 制作了一些效果。 我想知道是否可以将两者结合起来，或者一般来说，如何将 Three.js 渲染器画布与其他 HTML 元素结合起来。
我当前的代码包括类似的内容：
var renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
renderer.domElement.id = 'WebGLCanvas';
document.body.appendChild(renderer.domElement);
【问题讨论】：
标签： html three.js html5-canvas
WebGL 内容和 HTML 元素的无缝集成是不可能的。您可以将 HTML 元素放置在渲染器的画布元素之上，也可以反过来做。通过将THREE.WebGLRenderer 的alpha 标志设置为true，您可以将渲染器的画布置于其他HTML 内容之上。
但是，您应该记住，WebGL 内容始终是单独呈现的。无法将 3D 对象（如网格、线或点云）与 HTML 元素合并，以便将它们排序并一起呈现。
THREE.CSS3DRenderer 与THREE.WebGLRenderer 结合使用是正确使用的一个很好的例子。查看以下演示，该演示显示了两个渲染器都集成在简单的应用程序中。
【讨论】：
THREE.CSS3DRenderer 上下文中的“渲染”一词有些误导，因为它只是根据 3D 对象的转换来转换 HTML 元素。无论如何，sketchfab 在其起始页面上所做的是将 canvas 元素集成到普通网站中。当然，这没什么特别的，也很容易做到。我指的是更高级的场景；）
THREE.WebGLRenderer的绘图表面。