为坐标之间的区域添加背景色

Add background color to area between coordinates

本文关键字：添加背景色区域坐标之间更新时间：2023-09-26

情况：
我在海滩上有一张图片。在那个海滩上，人们可以租椅子。我正在开发一个系统，椅子的主人可以在图像上画画，因为海滩上的一些地方比其他地方更贵。因此，人们可以看到海滩不同区域的成本。

它的工作方式是：
当他点击地图时，我在坐标之间画线，当他完成绘制并制作了一个矩形或多边形时，这就是椅子花费特定金额的子区域。我想突出显示此区域，并淡出图像的其余部分。

我已经做到了，所以他可以在地图上画画，然后我连接坐标之间的线。这是我遇到麻烦的亮点部分：-）

不要发明轮子。JS中内置了数百个图像裁剪和选择工具。

我会使用一些非常简单的东西，类似于jQuery的Cropper插件，它完全符合您的要求。如果您需要了解它是如何工作的 - 请查看源代码。