javascript - 使用 HTML5 Canvas 开发复杂的应用程序

Question

我们正在为 CAD 设计师开发一个 Web 应用程序，现有的类似项目有：

• http://mydeco.com/3d-planner/
• http://sunglass.io/

这些项目使用 SVG 或 Canvas 实现。我的问题是：

1. 考虑 SVG 和 Canvas，哪一个更适合类似的项目？
2. 由于 Canvas 只提供了一组低级 API，是否有任何现有的库可以处理对象渲染、图层管理、冲突检测等？例如，使用 wxWidgets、Qt 或 MFC，开发人员不必关心窗口系统中的窗口覆盖和渲染。非常感谢 ：-）

---

更新 2

好的，我已经阅读了这些帖子，我会尽量避免此类问题。现在我发现了这个库：KineticJS，它还实现了 SVG 的一些功能。我正在尝试使用它，稍后会得出结论。

---

更新

谢谢理查德。此外，由于我们正在将此应用程序部署到 iPad，因此我们正在努力寻找一种高效且易于使用的技术来构建它。在 2D 环境中，Canvas 的性能是否比 SVG 快？iOS 设备上的 SVG 有什么缺陷吗？非常感谢。

Answer 1

只是从个人经验来回答，我在 2D 项目中使用 SVG 取得了更大的成功，在 3D 项目中使用画布取得了更好的结果。

如果您想要一个用于在客户端创建 3D 的优秀库，我会查看来自神奇的 Doob 先生的threeJs。

http://mrdoob.github.com/three.js/

它可以使用画布或 WebGl 进行更快的渲染。

希望这可以帮助。