Zeichnen eines Bildes in html5 mit Javascript

Question

Ich möchte derzeit ein Zeichenwerkzeug zu meinen Projekten zu implementieren (etwas wie das Pinsel-Werkzeug, aber anstelle einer Farbe ich zeichne tatsächlich mit dem Bild). Ich möchte ein Bild zeichnen können, indem ich meine Maus darüber bewege. Ich denke gerade über zwei Möglichkeiten nach, eine ist mit einer Maske über dem Bild und tatsächlich löscht die Maske mit der Maus oder die andere Möglichkeit zu versuchen, mit der Leinwand zu zeichnen, wodurch die von der Maus berührten Zonen sichtbar werden. Haben Sie allgemeine Ideen, wie ich mit meiner Arbeit beginnen soll? Danke

Answer 1

Ich würde die Leinwand Ansatz bevorzugen.

Hier ist ein weiteres großes Tutorial:

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