Добавить цвет фона в область между координатами

Question

Корпус:
У меня есть изображение над пляжем. На этом пляже люди могут арендовать стулья. Я разрабатываю систему, где владелец стульев может рисовать изображение, потому что некоторые пятна на пляже стоят дороже других. Таким образом, люди могут увидеть, что это стоит в разных районах пляжа.

Путь это работает:
Когда он нажмет на карте, я рисовать линии между координатами, и когда он закончил drawining и сделал прямоугольник или многоугольник, это подзона, где стулья стоят определенная сумма. Я хочу выделить эту область и угаснуть остальную часть изображения.

Я уже сделал это, чтобы рисовать на карте, а затем соединяю линии между координатами. Это изюминка, с которой у меня возникают проблемы :-)

Answer 1

Не изобретайте колесо. В JS есть сотни image cropping and selection tools.

Я бы пошел с чем-то очень простым, так же, как Cropper plugin for jQuery, он делает именно то, о чем вы просите. Если вам нужно понять, как это работает - посмотрите исходный код.