創建動畫熱點/圖像地圖的最佳方法

Question

經過幾個小時的搜索網絡後，我無法在這個主題上找到太多的幫助。這可能是因爲我不是簡單地提出正確的搜索條件。

我的問題是這樣的： 在div頂部創建動畫熱點區域（可點擊超鏈接）的最佳方式是什麼？

您可能想知道我爲什麼問這個問題。我有一個360 *交互式全景照片（用jpeg序列創建），我希望在全景中有一些可點擊的熱點。由於攝像頭正在平移，熱點必須動畫以便按照正確的屏幕元素。

帆布能夠動畫熱點/鏈接？或者我應該尋找解決方案的其他地方？ SVG也許？

Answer 1

您可以在不使用畫布的情況下執行此操作，因爲您無法將事件監聽器本身附加到繪製的單個元素或SVG上。

將您的熱點創建爲絕對定位的div，並使用類似jQuery animate這樣的方法將其移動到每個全景圖框的適當位置。