html - Kineticjs 与 Raphaeljs

Question

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

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

Answer 1

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

关于 SVG 与 Canvas，您应该查看一些有用的链接:

• Thoughts on when to use Canvas and SVG (还描述了一种混合方法)
• Simon Sarris 优秀 reply在这个 stackoverflow 线程中(我还在同一线程中的 SVG 和 Canvas 之间发布了一些 benchmarks)

总结:

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