我希望构建一个基于交互式图像的界面的Web应用程序。每个图像将具有10-200个可点击/可触摸/可突出显示的区域,具有不规则形状(想象地图)。
我可以看到几种方法,比如svg图像,图像映射,<canvas>
元素,或者像paper.js或raphael这样的javascript库。 我的问题是,响应最快的方式是什么?而且我完全排除了Flash。
通过回应,我的意思是:
答案 0 :(得分:2)
我遇到了同样的问题,我们选择了svg + Raphael.js
我基于鼠标悬停在地图上或悬停在触发与DOM相关的事件的HTML元素上突出显示地图部分,其中一个调用Raphael.js脚本突出显示相同的部分。
非常敏感。目前代码无法共享,但是,它确实工作得很好,所以我认为它会对触摸/点击事件产生反应