snap.svg.js_如何使用Snap.svg操纵和动画SVG

snap.svg.js

在本教程中，我们将介绍Snap.svg，这是一个JavaScript库，可帮助动画化和操纵SVG内容。 为了演示一些可用功能，我们将对SVG眼睛进行动画处理。

什么是Snap.svg？

Snap.svg是一个JavaScript库，可轻松为现代浏览器创建和处理SVG图形。 它是德米特里·巴拉诺夫斯基 （ Dmitry Baranovskiy ）的拉斐尔（Raphaël ）的继任者； 用于SVG的最受欢迎的Javascript库。

拉斐尔

Raphäel.js是一个很棒的库。 它于2008年发布，最大的赢家是从IE 5.5开始对浏览器的支持。 但是，支持如此多的浏览器是有限的，这意味着它无法实现最新的开发，而是依赖于SVG功能的公共子集。

不久之后， Raphäel.js社区分为两个部分，一个小组依靠它来实现跨浏览器的兼容性，另一个小组利用它来创建SVG。 后一组要求进行更改以支持Raphäel.js无法处理的更多SVG功能。

因此， Snap.svg是完全由Adobe Web平台团队的Dmitry Baranovskiy完全从头编写的，以便更轻松地使用SVG并使用SVG可以提供的最新功能。 诸如遮罩，图案，渐变，组，动画等功能。

您可以使用Snap.svg做什么？

看看他们的API文档 ，您将看到mask ， group ， gradient ， filter ，