对于那些不关心IE6/IE7的人来说，编写Raphael的同一个人专门为现代浏览器构建了一个svg引擎:Snap.svg…他们有一个非常好的网站，上面有很好的文档:http://snapsvg.io

svg开箱即用再容易不过了，它可以操作/更新现有svg或生成新的svg。你可以在照片上看到这些东西。IO关于页面，但这里有一个快速运行:

Cons

为了使用snap的功能，你必须放弃对旧浏览器的支持。Raphael支持IE6/IE7等浏览器，snap功能仅支持IE9及以上版本，Safari, Chrome, Firefox和Opera。

Pros

Implements the full features of SVG like masking, clipping, patterns, full gradients, groups, and more. Ability to work with existing SVGs: content does not have to be generated with Snap for it to work with Snap, allowing you to create the content with any common design tools. Full animation support using a straightforward, easy-to-implement JavaScript API Works with strings of SVGs (for example, SVG files loaded via Ajax) without having to actually render them first, similar to a resource container or sprite sheet.

如果你感兴趣，请访问:http://snapsvg.io

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

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

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

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

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

拉斐尔从六月起就开始了新的生活。 有一个新的图表库可以使用它，这些非常引人注目。 Raphael还支持完整的SVG路径语法，并结合了真正高级的路径方法。来看看1.2.8+在我的网站(无耻插头)，然后从那里跳到德米特里的网站。 http://www.irunmywebsite.com/raphael/raphaelsource.html