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

Question

经过几个小时的网络搜索后，我找不到这个主题的帮助。可能我不是简单地想出正确的搜索词。

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

你可能想知道我为什么这么问。我正在进行360 *交互式全景事件（使用jpeg序列创建），我希望在全景图中有一些可点击的热点。由于相机正在平移，因此必须对热点进行动画处理，以便按照正确的屏幕元素进行操作。

画布是否能够动画热点/链接？或者我应该在别处寻找解决方案？ SVG可能吗？

Answer 1

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

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