javascript - 双击从 Canvas 网格中删除图像

Question

我正在将图像从工具栏拖放到 Canvas 上，然后在 Canvas 中四处移动。目前，我可以从工具栏多次将多个图像加载到 Canvas 上，然后双击删除它们显示在下面的链接中。

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

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

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

即使我双击图像的特定副本，该特定副本也不会从网格中删除。我不明白我做错了什么。请帮忙

指向包含 jQuery 事件的 fiddle 的链接

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

Answer 1

删除克隆而不是图像

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

jsFiddle demo