SVG通常可以用作跨分辨率视频。这意味着在高分屏幕上画面的锐度不会降低。此外，您甚至可以通过使用一些javascript类库来移动SVG。接下来，我们分享一些javascript类库，这将有助于我们将SVG动画提高到一个更高的水平。

Vivus

Vivus是一个动画js类库，可以在绘图过程中显示SVG图像。Vivus独立于其他类库(如jQuery)。你只需要加上这个。js文件添加到页面中，然后导入需要用于动画的SVG部分。同时通过指定一些配置，可以在页面加载后直接显示动画效果。

盆栽

盆景是一个丰富的JS类库，可以用来在网站上绘制动态内容并制作动画。这些内容包括HTML5视频，各种画布和SVG。有了盆景框架，你可以画一个简单的矩形甚至长方形，如果你愿意，甚至可以画一个丰富的多人卡通游戏。

速度

Velocity是一个JS类库，用于频繁动画。Velocity js动画的“速度”非常快。它比JQuery快，甚至比CSS动画还快。Velocity API非常类似于$.fn.animate，通过$()进行操作。与$()相比，Velocity()是另一种方法。制作动画()。总之，你应该使用一致的动画效果，包括fadeIn和fadeOut方法(翻译器：Velocity提供fadeIn和fadeOut方法)。

拉斐尔

RaphaelJS也常用于在网页上绘制SVG图片和动画。它兼容各种windows浏览器直至IE6，因此Raphael成为市场上最值得信赖的js(svg)类库。有了它，你可以像在厨房做饭一样制作分析图表、地图和游戏。

突然的

SnapSVG是另一个知名的JS类库，由Dmitry Baranovskiy开发(Raphael也是如此)。它也由Adobe网络软件集团维护。与Raphael不同，它只提供最新版本的ie支持。这使得SnapSVG在尺寸上要小得多(与Raphel相比)，以实现相同的功能(如trim)，并支持最新的功能。

懒惰的线条画家

悠闲的Range Painter是一个jQuery插件，通常用于绘制地图集，有点像Vivus。你通常抱怨的是它只有这样一个特殊的功能。我解释一下，如果你用Illustrator或者Inkscape制作SVG图像，而SVG图像没有任何颜色变化，只有轨迹变化，你可以使用。

SVG.js

SVG.js是一个用于操作和动画的轻量级SVG类库。您可以操纵变化的方向、位置和颜色。这还不是全部。你甚至可以自己实现插件和其他功能。这个实例可以附加一些插件，比如svg.filter.js，可以为你的图片实现高斯模糊、去饱和、比较、sepia等。

走道

走道支持三种方式，路径、直线和折线绘制的svg线。它提供了一个很好的例子，绘制了一个PlayStation的集合动画。

Progressbar.js

ProgressBar.js是一个可爱又可以接受的绘制卡通SVG线条的生长图。有了它，各种形状都可以作为生长曲线。它集成了一些实用的形状，比如Range、Circle和Block，你甚至可以自己开发一个生长图，使用Illustrator或者其他矢量图绘制工具。ProgressBar.js是轻量级的，麻省理工学院授权，支持IE9。您可以通过它修改大型柱状生长图。您还可以更改属性来生成动画，例如笔划中断、加载不透明度、加载着色等。

Chartlist.js

Chartist.js是一个简单易接受的图标库，由SVG绘制。Chartist的目标是提供一个简单、轻量级和非侵入式的图表库。您需要提供一些javascript配置对象来做一些自定义配置，否则它会使用默认配置，也就是说它已经默认排序了。

Chartist是由inline-SVG绘制的，因此与它提供的函数相比，对DOM操作影响不大。也意味着Chartist不提供个人控制、水印、行为等，你可以通过简单的HTML、JavaScript、CSS来实现。

以上就是本文推荐的SVG动画的javascript库，希望对大家学习javascript有所帮助。