Рисование изображения в html5 с помощью javascript

Question

В настоящее время я хочу реализовать инструмент рисования рисунка для моих проектов (что-то вроде инструмента кисти, но вместо цвета, который я на самом деле рисую с изображением). Я хочу, чтобы «рисовать» изображение, наведя на него курсор. В настоящее время я размышляю о двух возможностях: один - с маской над изображением и фактически стирает маску с помощью мыши или другую возможность попытаться рисовать с помощью холста, делая зоны, затронутые видимой мышью. У вас есть общие идеи о том, как я должен начать свою работу? Спасибо

Answer 1

Я предпочел бы подход холста.

Вот еще один замечательный учебник:

https://code.tutsplus.com/tutorials/how-to-create-a-web-based-drawing-application-using-canvas--net-14288