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