1

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

我可以看到几种执行此操作的方法，例如 svg 图像、图像映射、<canvas>元素或 javascript 库，例如 paper.js 或 raphael。 不过，我的问题是，哪种方式反应最快？ 而且我完全排除了Flash。

通过响应，我的意思是：

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

1 回答 1

2

我遇到了同样的问题，我们选择了 svg + Raphael.js

我基于鼠标悬停在地图上或悬停在触发 DOM 相关事件的 HTML 元素上突出显示地图部分，其中之一调用 Raphael.js 脚本来突出显示相同的部分。

反应灵敏。该代码目前无法共享，但是是的，它确实工作得很好，所以我想它会与触摸/点击事件一样反应

于 2013-02-05T14:06:25.180 回答