SVG描邊動畫原理

SVG描邊動畫原理其實很簡單，主要利用以下兩個屬性

stroke-dasharray 製作虛線，使得黑白相間，

stroke-dashoffset 使得虛線向開頭偏移，這裡的1500不精確，是我隨便取的，下文介紹通過JS獲取長度。

動畫就是減少虛線偏移，那麼實線就會慢慢漏出來了

JS獲取長度

　　var path = document.querySelector('path');

　　var length = path.getTotalLength();

　　然後改變path.style.strokeDasharray 和 path.style.strokeDashoffset為獲取的長度即可。