image - HTML 5 の Canvas 内で画像をドラッグ アンド ドロップした後、その ID を表示するにはどうすればよいですか?

Question

HTML5 のキャンバス内に 4 つの画像があります。Canvas のどこかに画像をドロップすると、 Canvas 内に画像の名前を表示したいと思います。
出来ますか？はいの場合、どのように行うことができるか教えてください。

ソースコードはここにあります。キャンバスの処理には KineticJS を使用します。

Answer 1

これまで KineticJS を使用したことはありませんが、ドキュメントで読んだことから:

KineticJS でドラッグ アンド ドロップ イベントを検出するには、 on() メソッドを使用して dragstart 、 dragmove 、または dragend イベントを検出します。on() メソッドには、イベント タイプと、イベントが発生したときに実行される関数が必要です。

それはこのようなものになるだろう

rajiniGroup.on('dragend', function(evt) {
   // add your text somewhere using a shape text
}; 

形状のテキストについてもドキュメントで詳しく説明されています。