Как правильно организовать и что использовать для решения задачи:
Пользователь загрузил картинку и нужно дать возможность пользователю нанести на картинку линии (или какие-то точки) и сохранить.
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуДля этого вам нужно окунуться в мир удивительного canvas
.
У контекста канваса есть метод drawImage, который позволяет добавить изображение на холст.
Далее вопрос с рисованием: тут нужно написать обработчик события нажатия мышки и при его вызове рисовать по координатам точки/узоры, что вы там хотите.
Для сохранения канваса, как картинки, используйте toDataURL. Получаете url
, и генерите из него картинку на том же сервере ( либо на клиенте, а потом скачиваете на сервер )