双击从Canvas网格中删除图像

时间:2014-08-12 14:23:45

标签: javascript jquery drag-and-drop kineticjs

我将图像从工具栏拖动并下垂到画布上,然后在画布中移动它。目前,我可以从工具栏中多次将多个图像加载到画布上,并在双击时删除它们。如下面的链接所示。

http://jsfiddle.net/gkefk/33/

当用户双击该特定图像时,我想在从画布网格中删除图像的特定副本的网格上添加相同的功能。为此,我在双击时触发相同的jQuery事件在第一个链接中使用。

$("#image").dblclick(function(){
layer.remove();
});

即使我双击特定副本的图像,该特定副本也没有从网格中删除。我无法理解我做错了什么..请帮助

包含jQuery事件的小提琴的链接

http://jsfiddle.net/Lucy1/wQ8YA/31/

1 个答案:

答案 0 :(得分:2)

删除克隆而不是图像

$clone.on('dblclick', function () {
    $clone.remove();
    layer.draw();
});

jsFiddle demo