Change the color of a selected area of an image by passing the mouse

0

I have an image where I can put several links and give it the shape with the polygon, but what I need is that when you pass the mouse, this area is filled with a transparent background. I also need the sectors to be responsive.

This the code:

<html>
<body>
<img src="images/caja-packagin.jpg" usemap="#Map">
<map name="Map">
<area shape="poly" coords="76,396,131,433,160,426,151,411,147,199,273,196,310,209,311,298,412,295,412,66,235,61,131,57,77,64,76,393,75,400" href="#enlacedeprueba">
</map>
</body>
</html>

I need to color the sector when doing hover

    
asked by Karlos Yalta 19.03.2018 в 22:30
source

1 answer

0

I think you can use the technique of drawing with the canvas as shown in this link: link

    
answered by 20.03.2018 в 00:34