从画布网格上删除图像双击

Removing an Image from Canvas Grid on Double Click

本文关键字:删除 图像 双击 网格 布网格      更新时间:2023-09-26

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

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

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

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

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

包含jQuery事件的页面链接

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

删除克隆而不是图像

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

jsFiddle演示