Canvas webapp上交互式图像的最快速响应方法

我正在寻找建立一个网络应用程序，将有一个基于交互式图像的界面。每个图像将有10-200个不规则形状的可点击/可触摸/可高亮显示区域（像地图一样）

我可以看到几种方法，比如svg图像、imagemaps、

元素，或者像paper.js或raphael这样的javascript库不过，我的问题是，哪种方式最具响应性？我完全排除了Flash

我所说的回应，是指：

• 快速加载，准备好触摸/点击
• 对被点击的即时反应时间（我想一些库可能需要一些处理时间来确定点击是否在特定区域，当有许多区域时）
• 可以快速高亮显示和取消高亮显示每个区域

---

我也遇到了同样的问题，我们选择了svg+Raphael.js
我高亮显示地图部分是基于鼠标悬停在地图上或者悬停在触发DOM相关事件的HTML元素上，其中一个调用Raphael.js脚本高亮显示相同的部分
反应很快。该代码目前还不能共享，但是是的，它确实工作得很好，所以我认为它会与触摸/点击事件一样被动