SVG 动画 可能会有点复杂,但是这些库使任何人都非常简单 添加动画 到他们的网站。在这篇文章中,我’我们收集了10个Javascript SVG动画库,使您可以创建一些非常令人印象深刻的动画,从字面上可以将您的动画和UI提升到一个新的水平。
曲折
一个用于响应式CSS运动路径的JavaScript微库!
mo.js
Web的运动图形库。
Svg文字动画
一个Javascript库,用于在浏览器中将文本转换为SVG笔触动画。
jQuery的 DrawSVG
轻巧,易于使用的jQuery插件为SVG路径设置动画。
Vivus.js
Vivus是一个轻量级的JavaScript类,它允许您对SVG进行动画处理,使它们具有被绘制的外观。可以使用多种不同的动画,还可以选择创建自定义脚本以任意方式绘制SVG。
矢量图形动画引擎
活跃’em是一个jQuery插件,当您在用户中看到矢量插图时,您可以使用许多不同的方式来动画化显示为SVG文件的任何矢量图形’的浏览器视口。您也可以在用户单击或点击图形时重复播放动画。
懒人画家
一个使用CSS进行路径动画制作的jQuery插件。
三角
三角是一个灵活的JS脚本,可让您创建带有可选动画的现代时尚抽象SVG图像。 三角脚本被编码为d3.js库(d3js.org)的插件,并且使用d3的Delaunay三角剖分内置方法来创建彩色和动画抽象图像。无需jQuery。
分割
一个小的JavaScript类(无依赖项)来绘制和动画SVG路径笔触。
三角
三角是一个灵活的JS脚本,可让您创建带有可选动画的现代时尚抽象SVG图像。 三角脚本被编码为d3.js库(d3js.org)的插件,并且使用d3的Delaunay三角剖分内置方法来创建彩色和动画抽象图像。无需jQuery。
SVG文件
用于处理和动画SVG的轻量级库。 Svg.js没有依赖关系,其目标是尽可能地小。
动画加
动画加是适用于现代浏览器的CSS和SVG动画库。 动画加功能强大且轻巧(压缩后3KB),使其特别适合移动设备。
Walkway.js
动画SVG元素的简单方法。
韦尔纳夫
车轮导航基于SVG构建的JavaScript库。它可以是标签导航,饼图菜单,子菜单等