Html5 canvas 在html5中，将一个画布中的对象移动和拖放到另一个画布

如何在HTML5中的两个或多个画布之间移动和放置对象，这意味着我在一个画布中有一个图像，我想将该图像移动到另一个画布。 当我在HTML5中使用两个或多个DIV时，它不会出现任何问题，但当我使用canvas时，它不会出现。帮助我 $function{ $draggable.draggable； $droppable，droppable{ drop：函数事件，用户界面{ 美元这个 .addClass ui状态突出显示 .找p .html已删除； } }; }; 可拖动{宽度：100px；高度：100px；填充：0.5em；浮动：左侧；边距：10px 10px 10px 0；} 可拖放{宽度：150px；高度：150px；填充：0.5em；浮动：左侧；边距：10px；} 把我拖到我的目标

到这里来

使用context.drawImage将图像绘制到画布时，该图像会像绘制的图像一样成为画布的一部分。绘制的图像不能在画布之间移动。您可以通过创建一个img元素来伪造它，该元素的源是从画布上剪裁的。然后可以将img元素拖到第二个画布上。最后，当img元素被删除时，您可以将img图像绘制到第二个画布上。