将形状从HTML5画布拖放到另一个画布

Question

考虑有两个画布。我想拖动画布中的形状并将其拖放到另一个画布上。可以吗？

感谢您理解我的问题。

Answer 1

这绝对有可能。不过，这并不是特别容易。我会给你一个基本的想法。你需要自己做数学和实现：

1. 找出源形状边界。
2. 获取该像素数据并使用它来构建旧的画布元素。你将使用它来处理拖动。
3. 为此临时画布实施拖动逻辑。
4. 检测目标画布上的“drop”，找出边界在其上的位置。将目标像素数据替换为可拖动数据。
5. 摆脱可拖动的画布。

我希望这有帮助！

Answer 2

我可能不理解你的问题，但是你的问题不会出现在你的问题上吗？

示例：

context1.drawImage(...);
context2.drawImage(...);

只需更改上下文？

Answer 3

最简单的方法是使用DOM代理对象，捕获鼠标事件，覆盖画布。因为考虑使用库，问题中的代码非常复杂：

http://www.html5canvastutorials.com/kineticjs/html5-canvas-drag-and-drop-tutorial/

从画布到画布仍然是你需要弄清楚的东西，因为用例非常罕见，你需要在拖动不在画布上时为对象设置动画。绝对可能，但极端复杂。