html把图像转换为图像映射,HTML图像映射与多个div元素

我不记得在哪里，但我只是读到一篇好文：

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？

** 移动设备支持多个浏览器。