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