2011-03-25 19 views
0

我需要創建一個圖像上的熱點的COORDS,我需要有這樣的事情我如何得到的圖像的

我有喜歡this美國的圖片,但我需要把它變成像this熱點,但查看源我看到這個

<area href="#" title="SC" shape="poly" coords="735,418, 734,419, 731,418, 731,416, 729,413, 727,411, 725,410, 723,405, 720,399, 716,398, 714,396, 713,393, 711,391, 709,390, 707,387, 704,385, 699,383, 699,382, 697,379, 696,378, 693,373, 690,373, 686,371, 684,369, 684,368, 685,366, 687,365, 687,363, 693,360, 701,356, 708,355, 724,355, 727,356, 728,360, 732,359, 745,358, 747,358, 760,366, 769,374, 764,379, 762,385, 761,391, 759,392, 758,394, 756,395, 754,398, 751,401, 749,404, 748,405, 744,408, 741,409, 742,412, 737,417, 735,418"></area> 

是否有一個工具,我可以用我的PNG圖像,這將有助於我獲得COORDS ..otherwise這將永遠承擔所有的狀態... ..

+3

我相信你要找的是一個「圖像編輯器」,如果這有助於您的搜索... – 2011-03-25 15:51:20

+0

@Matt吉布森:好主意。該字符串的第一個Google結果看起來很有前途:http://www.maschek.hu/eng/index – thirtydot 2011-03-25 15:57:40

回答

1

如果您的源圖像是(例如)SVG文件,則可以輕鬆導出座標。

如果你只有一張靜態圖像,那麼你最好的選擇是使用一個所見即所得的編輯器。

例如,使用Dreamweaver CS5,你可以很容易地畫出形狀出來:

我敢肯定會有具有此功能的一些隨機免費所見即所得的編輯器。或者,您可以隨時直接下載trial version of Dreamweaver CS5來完成此任務。

1

這可能是實際的只是複製出來整個頁面,並改變你想要改變,而不是從頭開始。很明顯,你提供的工作示例已經包含了所有的線,因此你不需要重新制作它們。只需複製工作頁面並將其更改爲適合您的需求即可。