Javascript - 如何選擇圖像的一部分來改變顏色

Question

我有一個完全白色的圖像。我想要選擇某些六邊形區域來使它們具有不同的顏色，然後使這些區域像點擊時調用不同功能的按鈕一樣工作。我想我知道如何改變背景顏色並使它們可點擊，但我不知道如何選擇六邊形部分來改變這些東西。誰能幫我？ （沒有jQuery）

編輯：我想出瞭如何改變設置分開的六角形部分，以及如何使它們可點擊按鈕，但我無法弄清楚如何改變每個部分的顏色。你是怎樣做的？

Answer 1

你可以嘗試使用圖像映射：

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> 
<map name="planetmap"> 
    <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> 
    <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"> 
    <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"> 
</map> 

HTML < map> Tag

這裏有一個六邊形例如：

HTML Color Picker