Javascript来勾勒png图像的轮廓？

我有一张png文件的地图。我使用getBoundingClientRect（）和2个div容器来检查整个游戏中的重叠div。（检查collison是否正常工作）

我想知道是否可以勾勒出图像的特定部分或透明度开始的地方，这样我就可以在div的该部分添加onclick事件，这样用户就不能在地图之外单击

---

希望这种说法有道理。。如果你需要更多的信息，请告诉我。谢谢

我想这就是你想要的：

---

您添加了一个带有所需坐标的区域标记，然后可以在其上应用某些内容。我向您推荐这个插件，因为它功能强大，易于使用。

使用标签制作图像地图。您可以基于图像数据动态构建一个，但这需要大量的数学运算和对getImageData（）像素值的循环，这一点不可掉以轻心……您做了哪些工作？我的工作是在地图周围绘制100多个小div框，并固定位置，当用户单击它时，返回false。这是统一的，需要为每个新地图做不同的布局。我正在寻找的东西，只是概述一切透明或当透明度开始在一个.png地图，这将是快得多，我希望这是可能的。。