如何制作具有不同大小区域的交互式图像？

Question

我正在用Node构建一个Web应用程序，并想知道如何在交互区域为不同形状的情况下制作可交互图像。这些区域应检测到来自用户的点击。下图显示了我要制作的内容，其中可交互元素以蓝色突出显示。

我现在的前端只是ejs，但我乐于学习react，vue或任何其他允许我制作此类图像的前端库/框架。谢谢！