我不记得在哪里,但我只是读到一篇好文:
DIV(WebKit的变换) VS SVG VS 帆布
为简单:
1-50 elements = divs &张图片
50-500元= SVG
500多元素= 帆布
这在这里只给你一个想法......然后一切取决于每个元素和设备。
帆布将是一切的最佳解决方案。
画布上的问题是点击处理程序。您需要创建一个碰撞检测脚本。 (我用一个背景图(世界地图)的画布,以实时显示当前用户的点),但它不是可点击的......(在地图下/上方有一个可点击的图例)
SVG是prbably你的情况最好的解决方案
像@mainguy称u能借鉴的东西,并添加事件处理器(或一个类似的父元素)。而性能比div的更好。
DIVS
大多数我使用DIV套与一个eventhanlder的时间。他们很容易使用和风格..但只有正方形或圆圈..如果你开始设计他们,你会失去很多的表现(盒子阴影..)。 如果你不设置div的样式,你可以使用其中的很多。特别是如果你把事件处理器放在parentNode上。 这样你可以处理元素的1000年没有问题。(但不使用position:absolute)
影像地图
再次...如果没有太多的元素,这是prolly也是一个很好的解决方案..最简单的...(最简单的方法来绘制简单的形状)。很快你有你静态MAP值,然后你可以转换你的图像重新计算地图与比率..所以这不是一个问题。
如果没有很多元素,我会去图像映射。
else SVG。
一切都取决于你有多少元素。
是,当图像变化我必须要改变的地图坐标太
,如果你使用的div你不必改变COORDS?
** 移动设备支持多个浏览器。