Kineticjs vs Raphaeljs

Question

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

E.g。只有RaphaelJS适用于旧版浏览器（但这不是我要求的功能）。

Answer 1

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

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

• Thoughts on when to use Canvas and SVG（也描述了混合方法）
• Simon Sarris在这个stackoverflow线程中非常出色reply（我在同一个帖子中的SVG和canvas之间也发布了一些benchmarks）

总结：

• 如果你想创建一些交互式图表，我会选择使用RaphaelJS，因为使用SVG更容易做到这一点（KineticJS确实提供了一些抽象的API，这也很容易做到这一点）。
• 如果你想要显示大量的形状/物体，我建议使用KineticJS作为画布比例，通常可以更好地绘制大量的形状/物体，KineticJS使用多个层来提高渲染性能。