How to divide a picture into parts with a canvas and each part was clickable?

Question

JavaScript

Is there such a picture, how to make it clickable and attach a method to it for each layout? It is necessary that there be some effect when hovering / clicking on this area (for example, the frame is highlighted).
Tell me, I haven’t worked with canvas before, I don’t understand how this is done. On the example of one layout (for example, the top left yellow one), please show.

Answer 1

In fact, it is possible to do without canvas, for example like this
. Here is a tool for conveniently building such a map