如何将三个.js呈现与其他HTML元素合并？

一般来说，我对编程、stackoverflow和这里的一切都很陌生。所以请容忍我

我分别使用Three.js和HTML画布制作了一些简单的场景。 我想知道是否有办法将这两者结合起来，或者一般来说，如何将Three.js渲染器画布与其他HTML元素结合起来

我当前的代码包括：

var renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
renderer.domElement.id = 'WebGLCanvas';
document.body.appendChild(renderer.domElement);

---

WebGL内容和HTML元素的无缝集成是不可能的。您可以将HTML元素放置在渲染器画布元素的顶部，也可以通过其他方式进行放置。通过将THREE.WebGLRenderer的alpha标志设置为true，可以将渲染器的画布置于其他HTML内容之上

但是，您应该记住，WebGL内容始终是单独呈现的。无法将3D对象（如网格、线或点云）与HTML元素合并，以便它们一起排序和渲染

与THREE.WebGLRenderer结合使用是正确使用的一个很好的示例。查看以下演示，它显示了在简单应用程序中集成的两个渲染器

---

啊，谢谢。。。但是THREE.css3drender仍然在渲染3d对象，是吗？我想要的是有一个三维模型集成在一个正常的网页上。例如，蓝色背景上有一个三维模型，它旁边的一些文本位于同一空间中。像这样简单的事情在某种程度上应该是可能的，不是吗？THREE.css3drender上下文中的术语rendering有些误导，因为它只是根据3D对象的转换来转换HTML元素。在任何情况下，sketchfab在其起始页上所做的都是在普通网站中集成画布元素。当然，这没什么特别的，也不容易做到。我指的是更高级的场景；啊。。。那么，您能推荐一些教程来解释如何实现sketchfab结果吗？我强调这个问题很简单，因为我知道这可能是一个noob问题，但不知怎么的，我就是搞不懂……也许是这样：。如您所见，您可以在普通网站中放置画布元素，然后将其用作THREE.WebGLRenderer的绘图面。如果答案对您有用，请接受；