我正在使用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使用多个层,以提高渲染性能。