Javascript動畫行和圖像 - 庫

Question

我一直在研究一種同時爲線條和圖像設置動畫的方法。

在這裏看到GIF例如：

，但我找不到任何庫可以輕鬆地做到這一點。我試圖使用原始JavaScript，但它太複雜，不能順利運行。你有任何可以完成gif中顯示的動畫的庫嗎？感謝

Answer 1

大概動畫這樣一行的第一個例子是從Jake Archibald，誰與隨時間變化的虛線行程長度使用SVG。這可能是您垂直線的基礎。稍作修改就可以使用滾動位置而不是時間。

有一個專門爲此稱爲Vivus線動畫技術庫。

但是，如果你正在尋找一個更全面的SVG庫，會給你更多的選擇，你可以看看SnapSVG,Bonsai和Velocity。