Snap.svg对HTML5原生SVG DOM API有什么好处?

时间:2014-08-23 02:09:25

标签: html5 dom svg raphael snap.svg

Snap.svg vs HTML5 native SVG DOM APIjQuery vs HTML5 native DOM的相对位置是否相同?

除了跨浏览器的差异,我希望SVG得到任何现代浏览器的支持(我是对的吗?),Snap.svg带来了哪些好处?

使用SVG DOM API绕过Snap.svg和接近金属的代码会有什么好处?

1 个答案:

答案 0 :(得分:1)

Snap真的只是在引擎盖下操纵SVG并使其更容易,所以在这个意义上它是相似的。你不必使用标记或其他任何东西。

它使用的动画不是SVG,所以你不能真正将Snap Animations导出为SVG动画标记,这在某些情况下可能很重要,但我认为其余大部分基本上都是SVG可以被操纵。

现代浏览器相对较好地支持Snap。如果您需要较旧的向后兼容性,您可能需要查看Raphael(同一作者),但是需要权衡一下您不能使用正确的SVG组(它使用的集合/数组不是&#39 ; t SVG)。

不使用像Snap这样的库的缺点是你会陷入标记错误,命名空间,写更多的代码来做同样的事情。好处是你可以正确理解SVG,你不需要依赖外部库。 Snap你可以做动画,让事情看起来很快很快,通常在一个衬里。一旦事情开始变得有点棘手,如变换,操纵路径等,它在纯标记中真的很难。

即使您使用纯SVG,仍然存在诸如浏览器不一致之类的繁琐内容,因此您还需要获得与此相关的支持。

最后我会说一些移动SVG性能(主要是动画/过滤器之类的东西)并不是那么好,所以如果这是一个要求,我会考虑一下这是否是正确的解决方案,以及尝试做一些初步测试。