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

因为这里还没有提到: 您还应该看看Dojox。它还提供了良好的SVG绘图功能。它有一系列令人印象深刻的功能。我刚开始用它做一个项目，但在我看来它比Raphael和JQuerySVG要好得多(至少在特性方面)。

这个演示说服了我使用它而不是Raphael/JQuerySVG: http://www.slideshare.net/elazutkin/dojo-gfx-svg-in-the-real-world-2114082

参考: http://dojotoolkit.org/reference-guide/dojox/index.html

Dojocampus参考资料: http://docs.dojocampus.org/dojox/drawing

下载Dojo(包括Dojox): http://dojotoolkit.org/download/

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

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

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

Raphael确实更容易设置和运行，但请注意，在SVG中有一些表示事物的方法在Raphael中是不可能的。如上所述，没有“组”。这意味着您不能实现坐标转换的层。相反，只有一个坐标变换可用。

如果您的设计依赖于嵌套坐标变换，Raphael不适合您。

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

您还应该看看svgweb。它使用flash在IE中渲染svg，也可选择在其他浏览器上渲染(在它支持的比浏览器本身更多的情况下)。

http://code.google.com/p/svgweb/