html - Kineticjs vs Raphaeljs

Question

我正在使用 HTML5 开始一个新项目。两个最流行的图形工具包是KineticJS和RaphaelJS。如果你有使用这些的经验，你有什么建议吗？它们提供哪些功能，使用其中一种功能是否有优势？

例如，只有 RaphaelJS 适用于旧版浏览器（但这不是我需要的功能）。

Answer 1

RaphaelJS 和 KineticJS 最大的区别在于 RaphaelJS 使用 SVG 而 KineticJS 使用 HTML5 Canvas 进行可视化。
所以这真的取决于你在做什么类型的项目。

以下是一些关于 SVG 与 Canvas 的有用链接，您应该查看它们：

• 关于何时使用 Canvas 和 SVG的思考（也描述了一种混合方法）
• Simon Sarris在这个 stackoverflow 线程中的出色回复（我还在同一个线程中发布了 SVG 和画布之间的一些基准测试）

总结一下：

• 如果您想创建一些交互式图表，我会使用 RaphaelJS，因为使用 SVG 更容易做到这一点（KineticJS 确实提供了一些抽象 API，这也应该很容易做到）。
• 如果您想可视化大量形状/对象，我建议使用 KineticJS 作为画布缩放，通常可以更好地绘制大量形状/对象，并且 KineticJS 使用多个图层来提高渲染性能。