是否仍然使用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