在同一HTML文件中使用两个画布元素

我可以在同一个HTML文件中使用两个画布元素吗？我需要从某个区域拖动图像，然后将它们放到同一页面的另一个区域

---

第一个区域是放置所有图像的画布（我将使用EaselJS库）。第二个也是最大的部分是网格。如果您有其他选择，请告诉我，我需要想法来实施此解决方案。

是的，您的项目是可能的。

这里有一个提纲：

将所有图像添加到EaselJS（作为位图对象）

在位图上侦听鼠标向下事件

在mousedown：

• 创建一个html img元素（或使其在屏幕外可用）

• 将img元素直接放置在EaselJS位图上

• 使用jQueryUI使img元素可拖动

• 使第二个画布成为可拖动img的dropzone

• 将Bitmap visible属性设置为false（这样它在EaselJS中不再可见）

• 在img元素上触发mousedown事件以触发拖动img

放置时：使用drawImage在第二个画布上绘制放置的img

• 伪代码：secondCanvasContext.drawImage（imgElement、dropX、dropY）

---

我不明白为什么我必须将位图可见属性设置为false。它会使图像在第一个区域（从我拖动的位置）不可见吗？你说的是“从”所以我假设你希望项目从第一个区域消失。如果要从第一个区域“复制”，当然可以使第一个项目保持可见。：）