Javascript 滚动时的动画/响应/实时图标。举例说明

我试图了解如何在此处重新创建图标的效果：

特别是带有可移动镜头的视网膜显示图标

然而，在尝试寻找解决方案/教程两天后，我仍然找不到类似的东西

我研究了JS解决方案以及HTML5画布。也许我找错了地方，或者用错了搜索词

谁能给我指一下正确的方向吗

干杯 Ryan

他们正在使用SVG图像（对于较旧的浏览器有一个PNG回退），并使用JS和CSS为SVG中的某些路径设置动画

---

此处的技术说明

这是30分钟的工作还是6小时的工作？你知道有哪家图书馆很容易做到这一点吗？根据我从svg.js或raphael.js中收集的信息，在我有限的理解力下，我感觉需要花费大约几个小时来制作这些动画。问这个问题的原因是，如果轮子已经存在，我对重新发明它没有兴趣，有点像编写自己的博客框架而不是使用Wordpress。完全取决于图像的复杂性和你的技能/经验水平。我过去使用过Raphael.js；当然，这比使用原始javascript的速度要快，但从良好的SVG导出开始还是有帮助的。对于可能有用的软件，请查看