如何通過不同點移動圖標？

Question

This website有一個很棒的動畫地圖，顯示了塞倫蓋蒂角馬的遷徙模式。不幸的是，他們使用Flash來動畫他們的地圖。

我想知道是否有替代方案可以用Javascript做類似的事情。我找到了一個名爲Two.js的插件，但是文檔並不是很好，而且對於我需要的東西似乎有點矯枉過正。

有誰知道有任何好的資源或例子，他們可以請我聯繫？

Answer 1

我認爲你有兩個選擇：

使用HTML5畫布和動畫使用window.requestAnimationFrame()你的對象;

使dom動畫，在這裏您可以使用GSAP或Web Animation API。

使用HTML5畫布，您可以使用DOM代替柵格圖像（像素），而且可以爲任何HTML元素（包括也是矢量的SVG）製作動畫。