HTML5画布中的多个文本具有拖放功能

Question

我正在尝试使用context.fillText(...)在HTML5的canvas元素上添加多个文本，但这样它只添加一个（最后我理解）。
我想将文本相互拖动并合并其内容 我知道它可以用JQuery和没有画布来完成，但我需要这样做。
我怎么能这样做？

Answer 1

首先，HTML5拖放API完全独立于 Canvas中的任何拖放。小心不要混淆两者。

对于任何类型的选择，在画布中拖放，您必须自己实现它。我有一些simple tutorials来帮助你入门。

您还需要制定针对您的案例的规则，这可能是：

“如果对象被放置得足够靠近另一个对象，请将它们组合成一个较大的对象，其宽度等于两者中较大的一个，并且高度等于两个对象的总和。顶部的对象是一个左上角的Y值较小。“

这样的操作不应该特别难以编程，但你必须考虑所有的后果，你必须自己完成所有这些，因为没有这样的API可以帮助你。