jquery - 创建动画热点/图像地图的最佳方法

Question

在网上搜索了几个小时后，我在这个主题上找不到太多帮助。可能是我没有简单地提出正确的搜索词。

我的问题是：在 div 之上创建动画热点区域（即可点击的超链接）的最佳方式是什么？

你可能想知道我为什么要问这个。我正在进行 360* 交互式全景图（使用 jpeg 序列创建），我想在全景图中有一些可点击的热点。因为相机正在平移，所以必须对热点进行动画处理才能跟随正确的屏幕元素。

画布是否能够为热点/链接设置动画？还是我应该在别处寻找解决方案？也许是 SVG？

Answer 1

您可以在没有画布的情况下执行此操作，这无论如何都是有问题的，因为您无法将事件侦听器本地附加到您绘制的单个元素或 SVG。

将您的热点创建为绝对定位的 div，并在使用jQuery animate方法之类的方法到达全景的每一帧时将它们移动到适当的位置。