По сути, я пытаюсь дать пользователю возможность загрузить изображение, после того как оно будет установлено в качестве фонового изображения на холсте. Затем я хочу, чтобы пользователь мог определять область, рисуя прямоугольник на этом холсте. Эта область будет заменена изображением, которое выберет пользователь. Это означало увидеть, как будет выглядеть новая дверь на фотографии дома пользователей. Я нашел эту ссылку переполнение стека полезной ....
Однако я столкнулся с парой проблем.
- В скрипте выше, когда нарисован прямоугольник, мне нужно заполнить прямоугольник изображением. Я не хочу устанавливать его в качестве фонового изображения, а вместо этого иметь изображение внутри самого div.
- После рисования прямоугольника, если пользователь нажимает на элемент div, я хочу, чтобы он мог перемещаться по экрану. Вместо того, чтобы начать рисовать новый прямоугольник.
- Последнее, что нужно сделать, когда пользователь завершает рисование прямоугольника или щелкает мышью по этой фигуре, мне требуется всплывающая подсказка с возможностью слегка изменить свое изображение (выбрать закругленные углы или что-то в этом роде). Я думал о том, чтобы попытаться использовать селектор: after psuedo, но не был уверен.
Возможно, это плагин или что-то уже существующее, что я мог бы использовать, а не создавать с нуля.