将背景颜色添加到坐标之间的区域

Question

案件：
我在海滩上有一张照片。在那个海滩上，人们可以租用椅子。我正在开发一个系统，椅子的主人可以在图像上画画，因为海滩上的一些景点比其他景点更贵。所以人们可以看到海滩不同区域的成本。

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

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

Answer 1

不要发明轮子。 JS中有数百个image cropping and selection tools内置版本。

我选择了一些非常简单的东西Cropper plugin for jQuery，它完全符合您的要求。如果您需要了解它的工作原理 - 请查看源代码。