我在使用SVG和JavaScript/jQuery的交互界面上工作,我试图在Raphael和jQuery SVG之间做出决定。我想知道

这两者之间的权衡是什么 发展势头似乎在哪里。

我不需要Raphael中的VML/IE支持,也不需要jQuery SVG的绘图功能。我主要感兴趣的是在SVG画布上创建、制作动画和操作单个项目的最优雅的方法。


当前回答

您可能想要查看的另一个svg javascript库是d3.js。http://d3js.org/

其他回答

作为一个Javascript初学者,我发现Rapahel的例子不是那么容易,我推荐http://cancerbero.mbarreneche.com/raphaeltut,这是一个真正的一步一步的教程。

如果你不需要VML和IE8支持,那么就使用Canvas(例如PaperJS)。看看最新的针对Windows 7的IE10演示。他们在Canvas上有很棒的动画。SVG不能做任何接近它们的事情。 Canvas在所有移动浏览器上都可用。SVG在Android 2.0- 2.3的早期版本中不起作用(据我所知)

是的,画布是不可伸缩的,但它是如此之快,你可以重新绘制整个画布更快,然后浏览器能够滚动查看端口。

从我的角度来看,微软的优化提供了使用Canvas作为常规GDI引擎和实现图形应用程序的方法,就像我们现在在Windows上做的那样。

我认为这不是完全无关的,但是你考虑过帆布吗?像Process JS这样的东西可以让它更简单。

为了子孙后代,我想指出的是,我最终选择了Raphael,因为它干净的API和“免费”的IE支持,也因为它的积极开发看起来很有前途(例如,事件支持只是在0.7中添加的)。然而,我将不回答这个问题,我仍然有兴趣了解其他人使用Javascript + SVG库的经验。

我会把我的票投给Raphael——跨浏览器支持,干净的API和一致的更新(到目前为止)使它使用起来很愉快。它也可以很好地使用jQuery。处理很酷,但更有用的是作为当前前沿技术的一个演示。