I am trying so hard to make a canvas on the screen, where a list of image thumbnails on a non-canvas area can be dropped into it. I don’t want those items to drag anywhere except onto the canvas. (with the ability to delete them from it if a user changes their mind.)
I also want to retain them in the original list, so they can be used again and again. Eventually I need to apply other actions to them, but for now I just can’t figure out how to separate them from the canvas, or assign an attribute to the image so it’s draggable.
This is one of those times where I really wish I could view the entire page’s code. Can I? This embed thing isn’t working so well for me when it comes to giving an image instructions. These images will be hosted elsewhere too, so assigning an action to it is hard to specify until it’s there.
For now I just want to make the infinity symbol duplicate into the canvas. Once I get that, I can play around. I have a box to drag my logo, but it lets me take it anywhere on the page.
Anyway… my readable share is pn the “canvas-creator” page:
A live page is:
Here’s what I want it to be: