Walkway.js – 创建简约的 SVG 线条动画

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() {
    //动画执行完毕之后执行的回调
});

 

项目地址：https://github.com/ConnorAtherton/walkway

转载于:https://www.cnblogs.com/liuzhibin/p/5415849.html