Cloning and Manipulating Images with JavaScript (Without Bubble Workflows)

I’m looking for a way to clone an image entirely using JavaScript—without relying on Bubble’s built-in workflows (such as show/hide or dynamically creating new elements). Specifically, I want to achieve the following functionalities:

  1. When a user clicks on an image, it should be cloned.
  2. The cloned image should be resizable, rotatable, and draggable.
  3. It should be possible to drag and drop the cloned image within a designated area.

Is this achievable within Bubble using JavaScript? If so, what would be the best approach (run Java script Plugin )?

Any guidance or example implementations would be greatly appreciated!