image - 在 HTML 5 的 Canvas 中拖放图像后，如何显示它的 ID？

Question

我在 HTML5 中的 Canvas 中有 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
}; 

文档中也详细说明了形状文本。