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

时间:2013-02-05 07:09:32

标签: canvas svg raphael imagemap paperjs

我希望构建一个基于交互式图像的界面的Web应用程序。每个图像将具有10-200个可点击/可触摸/可突出显示的区域,具有不规则形状(想象地图)。

我可以看到几种方法,比如svg图像,图像映射,<canvas>元素,或者像paper.js或raphael这样的javascript库。 我的问题是,响应最快的方式是什么?而且我完全排除了Flash。

通过回应,我的意思是:

  • 快速加载,准备接触/点击
  • 点击的即时反应时间(我想有些图书馆可能需要一些处理时间来确定点击是否在特定区域,当有很多区域时)
  • 每个区域都可以快速突出显示和不突出显示

1 个答案:

答案 0 :(得分:2)

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

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

非常敏感。目前代码无法共享,但是,它确实工作得很好,所以我认为它会对触摸/点击事件产生反应