Walkway.js 是一个使用线条和路径元素组成 SVG 动画图像的简单方法。只需根据提供的配置对象创建一个新的 Walkway 实例就可以了。这种效果特别适合那些崇尚简约设计风格的网页。目前, Walkway.js 仅适用于路径和线条元素。
Html代码:
<script src="js/walkway.js"></script> <svg id="J_SvgBox" version="1.1"> ... </svg>
JS调用代码:
var svg = new Walkway({ selector: '#J_SvgBox', duration: 2000 }).draw(function() { //动画执行完毕之后执行的回调 });