canvas - パス上のクリック可能な領域

Question

図上で領域をクリックさせるにはどのような方法がありますか?

画像のサイズ変更を検討する必要があるため、画像マップが収まりません。

たとえば、私はhtml構造を持っています:

<a href="#">
    <img src="image.png" alt="image"/>
</a>

CSS:

a { width: 30%; }
img{ width: 100%; }

画像、エリア クリークあり