2009-11-06 53 views
3

下面的問題不是一個真正的編程問題,而是更多的「我該怎麼做」的問題,實施建議。我該如何做一個精確的圖像形狀的MouseOver?

我有世界地圖的圖像。我可以使每個大陸成爲一個單獨的圖像。

我想要做的是創建一個懸停在每個大陸的功能。當用戶鼠標在大陸上時 - 即我想讓它改變顏色的大陸的形狀。

我的主要問題是,當用戶鼠標超過確切的大陸的形狀時,我該如何參考?我不想爲此使用Flash,儘管我恐怕沒有其他辦法可以做到這一點?

感謝所有

回答

6

我知道如何做到這一點(不包括外部庫或JS)的唯一方法是使用<map>。你將不得不放在COORDS和形狀(在這種情況下多爲形狀)以適應所要允許區域:http://www.w3schools.com/TAGS/tag_map.asp

+0

謝謝你,不知道可以做正方形/長方形以外的其他形狀! – Abs 2009-11-06 15:30:30

+0

Np。顯然,聚合物的「正確性」取決於你的理智程度,但理論上你可以達到近乎100%的匹配。 – 2009-11-06 15:49:32

+1

您可以將GIMP路徑導出到svg文件。您可以使用geany和excel編輯它們以將它們轉換爲AREA「poly」coördinates:(1)用geany打開文件以選擇路徑節點的「d」值(跳過M和C行)。 (3)將數據粘貼到excel中去除十進制數字(4)複製第1,2列(5)粘貼到geany中(6)將製表符和換行符替換爲逗號(使用\ n轉義字符) – Pete 2012-06-27 16:48:56

1

這取決於你的平臺(網絡,winform,linux,os x等)。

在網頁上,您可以使用圖像映射。

在任何OS託管的應用程序上,您可以使用區域執行圖像映射的等效操作。或者你甚至可以測試你正在盤旋的像素的顏色。

5

回答你的主要問題,你可能需要使用一個很好的舊圖像映射。 This image map generator過去對我來說效果不錯。

至於讓他們改變顏色,你總是可以使用精靈,只是改變懸停每個國家的背景位置?

+0

+1生成器。 – 2009-11-06 15:18:42

相關問題