複雜的HTML5圖像映射？

Question

我有一個客廳的圖像，我正在變成我正在處理的新網站的菜單。這個想法是，你可以點擊房間裏的某些物品，比如椅子，桌子，沙發等，然後進入所需的頁面。我想知道是否有一個聰明的方法來做到這一點。由於這些項目不是簡單的形狀，我不想使用標準的圖像映射。

感謝您的幫助！

Answer 1

這個工具看起來是一個固體圖像映射器：http://www.image-maps.com/ 我建議用一個畫布和SVG來做這件事，它會讓這件事變得更容易，更專業。

Answer 2

正如Korvin所說，在SVG中這樣做可能是最簡單的選擇，因爲您可以將事件附加到SVG中的對象，而不必手動指定特定區域來偵聽事件。

如果你走這條路，我建議使用它有一個很好的語法和IE前期版本9.在這裏工作的優勢RaphaelJS庫的一個演示這，雖然它使用的onmouseover代替的onclick，它可能是接近你想什麼來實現：

http://raphaeljs.com/australia.html

Answer 3

我回答，因爲谷歌搜索把我帶到這裏......

因爲你問的工具：

GIMP有一個非常走od圖像圖創建功能。

在GIMP打開圖像，然後選擇濾鏡>網絡>圖像映射

從那裏，你可以在圖像上繪製創建圖像映射。保存將生成HTML，然後您可以根據需要量身定製。