please give me a javascript function that will take a callback function as an argument and return a button element. The button element will support dragging and dropping an image on it, whether from a web page, or from a file. When an image is provided, it will call the callback function with a div element (of the same size as the image's natural width and height), which contains a canvas element containing the image data, and an SVG element of the same size, overlaid onto the image (use absolute positioning). you can draw on top of the image by using the mouse, and it will create svg paths, using straight lines. (2 pixels thick, black).
f4d8878d-e378-4087-a99b-c31dad5f0609
παρακαλώ δώσε μου μια συνάρτηση javascript που θα λαμβάνει μια συνάρτηση επανάκλησης ως όρισμα και θα επιστρέφει ένα στοιχείο κουμπιού. Το στοιχείο κουμπιού θα υποστηρίζει τη μεταφορά και απόθεση μιας εικόνας σε αυτό, είτε από μια ιστοσελίδα είτε από ένα αρχείο. Όταν παρέχεται μια εικόνα, θα καλεί τη λειτουργία επανάκλησης με ένα στοιχείο div (του ίδιου μεγέθους με το φυσικό πλάτος και ύψος της εικόνας), το οποίο θα περιέχει ένα στοιχείο καμβά που θα περιέχει τα δεδομένα εικόνας και ένα στοιχείο SVG του ίδιου μεγέθους, με επικάλυψη πάνω στην εικόνα (χρησιμοποίησε απόλυτη τοποθέτηση). θα μπορείς να σχεδιάσεις πάνω από την εικόνα χρησιμοποιώντας το ποντίκι και θα δημιουργεί μονοπάτια svg, χρησιμοποιώντας ευθείες γραμμές. (πάχος 2 pixel, μαύρο).
submitted
{"source": "ewof/sharegpt-instruct-unfiltered-deduped", "kind": "human", "evolved_from": null}