javascript - 我想将图像拖放到 Canvas 上

Question

我想将 image 拖动到 Canvas 上，它应该在放下时再次拖动到 Canvas 内 我已经完成了一些工作 我已经完成了 navbar 和 的拖动按钮 和divs 。我正在附上我的 fiddle ，请检查， 我尝试了很多方法，但找不到解决此问题的方法。

my fiddle

https://jsfiddle.net/Yousuf_007/d3tyrwp6/

Answer 1

用div包裹img标签

<div class="fake tool button ">
<img src="https://www.w3schools.com/images/w3schools_green.jpg" alt="W3Schools.com" style="width:104px;height:142px;" class=" tool-1">
</div>

我更新了你的例子 here

编辑:

如果不想用div包裹img

var handle = $("<div>", {
              class: "tool_handle ui-widget-header"
            })

到

var handle = $("<div>, <img>", {
              class: "tool_handle ui-widget-header"
            })

这是更新的 jsFiddle