Canvas 三个.js渲染器

有人能解释三个.js渲染器之间的区别吗？哪一个更快？哪一个更标准和跨浏览器？svg渲染器和dom渲染器如何工作？ 当我为下面的代码使用webGl而不是画布渲染器时，我得到了不同的结果，那么为什么会发生这种情况呢

cube=new THREE.Mesh（new THREE.CubeGeometry（2002002002001,1,1，materials），new THREE.meshfacemeterial（））

canvas和webGL之间有很大区别吗？对于高浏览率的网站，我应该使用哪一个
 如果您的目标是创建三维图形，那么您确实希望创建只支持WebGL的应用程序。其他的Three.JS渲染器更像是黑客和概念验证，而不是能够提供真实3D效果的东西。如果您的目标不是创建惊人的图形，那么您可以简单地使用静态PNG图像、GIF动画或YouTube剪辑，并具有更好的向后兼容性<代码>

渲染后端仅适用于非常简单的图形（如没有纹理的旋转立方体），并且在许多情况下使用

作为后备方案是不起作用的

• 在WebGL中创建专属内容

• 提供对旧浏览器的回退
  • 使用谷歌Chrome框架

  • 如果传统浏览器用户不想在其传统浏览器中安装Chrome框架插件，只需将其重定向到静态图像和静态文本内容即可

例如，WebGL是唯一的web应用程序。他们在webshaped.fi会议上估计，大约50%的网站观众可以访问WebGL内容。这听起来可能很低，但仍然比在移动设备或桌面上安装应用程序的人高得多，因此使用WebGL部署3D的对话率高于通过其他部署机制进行部署的对话率

也看到

---

WebGL也是一种经得起未来考验的技术——它不会消失。目前，您的主要目标是桌面，但在移动适应成为现实之前，2-3年只是时间问题。

使用WebGLRenderer作为其未来的证明，imp是最有效的三种。js方法在其中起作用

---

例如，ParticleSystem不能在CanvasRenderer中工作

这取决于您想要绘制的内容……我认为正如其名称所示，WebGL渲染器使用OpenGL，因此速度更快（因为它使用GPU），画布和SVG较弱，因为它们计算3d->2d变换，并且不支持所有对象…我想绘制一些复杂的3d内容，因此web Gl可能更有用，但有许多浏览器不支持webGl。非常好。谢谢，所以我将使用web Gl，但是您知道什么是SVG渲染器和DOM渲染器吗？它们是使用HTML元素进行渲染的概念证明，不会产生您希望在现实生活中使用的渲染结果。我预计它们将来会从Three.js core中删除。