下面的問題不是一個真正的編程問題,而是更多的「我該怎麼做」的問題,實施建議。我該如何做一個精確的圖像形狀的MouseOver?
我有世界地圖的圖像。我可以使每個大陸成爲一個單獨的圖像。
我想要做的是創建一個懸停在每個大陸的功能。當用戶鼠標在大陸上時 - 即我想讓它改變顏色的大陸的形狀。
我的主要問題是,當用戶鼠標超過確切的大陸的形狀時,我該如何參考?我不想爲此使用Flash,儘管我恐怕沒有其他辦法可以做到這一點?
感謝所有
下面的問題不是一個真正的編程問題,而是更多的「我該怎麼做」的問題,實施建議。我該如何做一個精確的圖像形狀的MouseOver?
我有世界地圖的圖像。我可以使每個大陸成爲一個單獨的圖像。
我想要做的是創建一個懸停在每個大陸的功能。當用戶鼠標在大陸上時 - 即我想讓它改變顏色的大陸的形狀。
我的主要問題是,當用戶鼠標超過確切的大陸的形狀時,我該如何參考?我不想爲此使用Flash,儘管我恐怕沒有其他辦法可以做到這一點?
感謝所有
我知道如何做到這一點(不包括外部庫或JS)的唯一方法是使用<map>
。你將不得不放在COORDS和形狀(在這種情況下多爲形狀)以適應所要允許區域:http://www.w3schools.com/TAGS/tag_map.asp
這取決於你的平臺(網絡,winform,linux,os x等)。
在網頁上,您可以使用圖像映射。
在任何OS託管的應用程序上,您可以使用區域執行圖像映射的等效操作。或者你甚至可以測試你正在盤旋的像素的顏色。
回答你的主要問題,你可能需要使用一個很好的舊圖像映射。 This image map generator過去對我來說效果不錯。
至於讓他們改變顏色,你總是可以使用精靈,只是改變懸停每個國家的背景位置?
+1生成器。 – 2009-11-06 15:18:42
謝謝你,不知道
Np。顯然,聚合物的「正確性」取決於你的理智程度,但理論上你可以達到近乎100%的匹配。 – 2009-11-06 15:49:32
您可以將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