javascript - 如何通过不同的点移动图标？

Question

这个网站有一张很棒的动画地图，展示了塞伦盖蒂角马的迁徙模式。不幸的是，他们使用 Flash 制作地图动画。

我想知道是否有替代方法可以做类似的事情，也许是 Javascript。我找到了一个名为Two.js的插件，但是文档不是很好，而且对于我需要的东西来说似乎有点矫枉过正。

有谁知道他们可以将我链接到的任何好的资源或示例？

Answer 1

我认为你有两个选择：

使用 HTML5 画布并使用window.requestAnimationFrame();为您的对象设置动画。

动画 dom，在这里你可以使用GSAP或Web Animation API。

使用 HTML5 画布，您可以使用光栅图像（像素）而不是使用 DOM，您可以为任何 HTML 元素设置动画，包括作为矢量的 SVG。