Javascript - 如何选择图像的一部分来改变颜色

Question

我有一个全白的图像。我想选择某些六边形部分，使它们具有不同的颜色，然后使这些部分像按钮一样，在单击时调用不同的功能。我想我知道如何更改背景颜色并使它们可点击，但我不知道如何选择六 Angular 形部分来更改这些内容。谁能帮我？ (没有 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