html5 – Kineticjs vs Raphaeljs

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

例如。只有RaphaelJS在旧版浏览器上工作(但这不是我需要的功能)。

解决方法

RaphaelJS和KineticJS之间的最大区别是RaphaelJS使用SVG和KineticJS使用HTML5 Canvas进行可视化。
所以它真的取决于你正在做什么样的项目。

这里有一些有用的链接，你应该检查一下SVG vs Canvas：

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

总结：

>如果你想创建一些交互式图表，我会使用RaphaelJS，因为它更容易做到这一点与SVG(KineticJS确实提供了一些抽象的API，这应该使得它也很容易做到)。>如果你想要可视化大量的形状/对象，我建议使用KineticJS作为画布尺度通常更好与大量的形状/对象，要绘制和KineticJS使用多个层，以提高渲染性能。