ドラッグ＆ドロップによるHTML5キャンバス内の複数のテキスト

Question

context.fillText(...)を使用してHTML5のキャンバス要素に複数のテキストを追加しようとしていますが、この方法では1つしか追加されません。
私はお互いにテキストをドラッグし、それらのコンテンツを結合したいと思います。
JQueryを使用し、キャンバスを使用しないで行うことができますが、この方法で行う必要があります。
どうすればいいですか？

Answer 1

まず、HTML5ドラッグ＆ドロップAPIは、内のドラッグ＆ドロップとは完全に別です。 Canvas内。 2つを混同しないように注意してください。

キャンバス内でドラッグアンドドロップを行うには、それを自分で実装する必要があります。私はいくつか持っているsimple tutorialsあなたが始めるには。

が

「オブジェクトが別のオブジェクトに十分に近いドロップされた場合は、1つのより大きなオブジェクトにそれらを結合幅を有している。おそらくのようなものだろう

あなたはまた、あなたのケースにルールを特定したいでしょう、 2つのうちの大きいものと等しいものと、組み合わせられたオブジェクトの両方に等しい高さです。上部のオブジェクトは、左上隅に小さいY値を持つものです。

このような操作は特にプログラムするのは難しいことではありませんが、すべての結果を考えなければなりません。そのようなAPIはありません。