Create Buttons from image in HTML : <p>I've got this interesting challenge here that I don't know how to solve. I'm trying to create HTML buttons from an Image. This image here is the example I am using. How can I split up all the trapezoids into separate buttons that register separately when tapped on the corresponding regions. I would assume I need to specify some kind of boundary for each trapezoid but I don't know how you would do that for a decently complex shape like this.
<a href="https://i.stack.imgur.com/e9OKl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/e9OKl.png" alt="Example image"></a></p>
