我想将图像拖放到画布上

Question

我想在画布上拖动图片，它应该在画布中再次拖动时我已经完成了一些工作我已完成拖动导航栏和按钮和 divs 。我附上我的小提琴请检查， 我尝试了很多东西，但找不到任何解决方案来解决这个问题。

my fiddle

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

Answer 1

用img

包裹div标记

<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

编辑：

如果您不想将img换div更改

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

到

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

这是更新的jsFiddle