在HTML5画布中拖放多个文本

我试图在使用context.fillText(...)的HTML5画布元素上添加多个文本，但这种方式仅添加了一个（据我了解）。
我想将文本拖入对方并合并其内容。
我知道它可以用JQuery和没有画布完成，但我需要这样做。
我该怎么做？在HTML5画布中拖放多个文本

来源

2011-06-29 Samvel Siradeghyan

你到目前为止得到了哪些代码？ – robertc

以下是我发现http://html5demos.com/drag，http://html5doctor.com/native-drag-and-drop/，http://html5.litten.com/dragdrop/dragdropie.html的一些来源 –

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

对于任何种类的选择，在画布中拖放都必须自己实现。我有几个simple tutorials就可以让你开始。

您还需要制定规则具体到你的情况下，这可能会是一些类似：

“如果对象被放下足够接近另一个对象，将它们组合成一个更大的目标，其宽度等于两者中较大的一个，高度等于两个对象的组合，顶部的对象是左上角的Y值较小的对象。“

这样的操作不应该特别难编程，但是你必须考虑所有的分支，你必须自己做这一切，因为没有这样的API来帮助你。

来源

2011-06-29 17:16:35

感谢您的回复。不幸的是，您的链接被我们公司的代理封锁。我会稍后在家里尝试。 –

您的演示使用2个画布。对我来说这是不可接受的。但在阅读了很多帖子之后，我发现我试图做的任务不可能与canvas完成。感谢发布，它可以帮助我很多。 –

在HTML5画布中拖放多个文本

回答

相关问题