在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畫布中拖放多個文本

回答

相關問題