在座標之間的區域添加背景顏色

Question

案例：
我在沙灘上有一個圖像。在那個海灘上，人們可以租椅子。我正在開發一個系統，椅子的主人可以在圖像上畫畫，因爲沙灘上的一些地方比其他地方貴。所以人們可以在海灘的不同區域看到花費。

它的工作方式是：
當他點擊地圖時，我在座標之間繪製線條，當他完成繪製並製作了一個矩形或多邊形時，這是椅子花費的分區具體數額。我想突出顯示這個區域，並淡出其餘的圖像。

我已經做到了，所以他可以在地圖上繪製，然後連接座標之間的線條。這是我遇到的重點部分:-)

Answer 1

不要發明車輪。在JS中有數百個image cropping and selection tools構建。

我會用一些非常簡單的東西，像Cropper plugin for jQuery一樣，它完全符合你的要求。如果您需要了解它的工作原理，請查看源代碼。