是否仍然使用HTML图像地图？

人们仍然使用旧的HTML图像地图吗？那些与：是否仍然使用HTML图像地图？

<map name="test" id="test"> 
<area shape="poly" alt="" title="" coords=...

还是有一个更新的，更好的选择？

来源

2011-03-09 ss888

当你问更好有东西很多获得与否，你SH应该给出一种比较的手段。更好以什么方式，或为了什么目的？还有更强大的工具比我们所掌握的影像地图，更多的太复杂了... – 2011-03-09 17:18:08

好一点 - 我还没有使用的图像地图很长一段时间，并认为这可能是由编码的改进方法所取代。基于 – ss888 2011-03-09 17:23:01

的JavaScript /层的功能，以及闪存已经在刚才的一切我遇到取代影像地图......我不记得我最后一次见到一个在现役。如果你心里有一个特定的目的虽然更具体的答案可能是更容易获得:) – 2011-03-09 17:25:03

是的，人们仍然使用图像映射。另一种方法是使用绝对定位和CSS定位元素，但这不一定更好。它也不允许你有像形象地图形状

来源

2011-03-09 17:14:20 JohnP

好吧，所以html图像地图仍然很好？如何添加悬停/滚动效果？ – ss888 2011-03-09 17:16:45

也是这样的：http://www.svennerberg.com/examples/imagemap_rollover/ – JohnP 2011-03-09 17:22:57

我的图像映射的主要问题是不像它们关联的图像，它们不能缩放到浏览器或屏幕大小。我希望OP研究SVG格式 – Martin 2015-02-18 12:04:47

是的HTML图像地图是很好，尤其是如果你想你的地区是一个多边形。您可以使用JavaScript为地图添加翻转效果。有一个很好的教程和演示在这里：

http://www.tutorialized.com/view/tutorial/Image-Map-Rollover/3484

来源

2011-03-09 17:20:50 LostLin

+1 - 尽管CSS和绝对定位可以做很多事情，但图像地图仍然是检测非矩形多边形区域悬停的唯一方法。 – Blazemonger 2011-12-21 13:59:12

They are in the HTML5 specification，所以他们不会得到过时。

你仍然可以自由使用它们，它们当然在web开发中仍然占有一席之地。或者我可以说，那些罕见的情况下，你可以用图像映射最好地解决某些问题。

来源

2011-03-09 17:23:18 kapa

使用CSS或图像映射的替代解决方案是使用嵌入到HTML dom中的SVG图形。就如何实现使用这种技术鼠标悬停效果

一个教程本教程描述：http://www.petercollingridge.co.uk/data-visualisation/mouseover-effects-svgs

关键外卖在于SVG元素也触发传统DOM事件包括的onmouseover和的onmouseout。

来源

2013-06-20 20:01:08

+1 SVG是映像映射的最佳直接替代方案，因为交互可以具有任意形状。与图像映射非常相似的东西可以在矢量坐标切割栅格像素图像时创建[通过给SVG元素提供图像填充]（http://stackoverflow.com/questions/3796025/fill-svg-path-element-with -a-背景图像）。但即使如此，在某些情况下，区域地图可能会更好（它们更简单，并且不会裁剪图像，有时候这可能是可取的）。 – user568458 2013-09-02 14:39:14