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

时间:2014-03-12 15:16:13

标签: javascript css image

我的图像是完全白色的。我想选择某些六边形部分以使它们具有不同的颜色,然后使这些部分像按钮一样,当它们被点击时调用不同的功能。我想我知道如何改变背景颜色并使它们可以点击,但我不知道如何选择六角形部分来改变这些东西。谁能帮我? (没有jQuery)

编辑:我想出了如何更改六角形部分的设置,以及如何使它们像按钮一样可点击,但我无法弄清楚如何更改每个部分的颜色。你是怎么做到的?

1 个答案:

答案 0 :(得分: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