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

Question

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

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

你可能想知道我为什么要问这个问题。我有一个360*交互式全景的事情正在进行(用jpeg序列创建)，我想在全景中有一些可点击的热点。由于摄像机正在平移，因此必须对热点进行动画处理，以便跟随屏幕上的正确元素。

canvas是否能够对热点/链接进行动画处理？或者我应该从别处寻找解决方案？也许是SVG？

Answer 1

您可以在没有canvas的情况下做到这一点，这无论如何都是有问题的，因为您不能在本地将事件侦听器附加到您绘制的单个元素或SVG。

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