从画布上删除图像双击

Removing an Image from Canvas on Double Click

本文关键字：图像 双击 删除      更新时间：2023-09-26

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

http://jsfiddle.net/gkefk/22/

我想添加当用户双击特定图像时从画布删除图像的特定副本的功能。为此，我在双击时触发一个jQuery事件。

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

即使我双击图像的特定副本，该特定副本也不会从画布上删除。我不知道我做错了什么，请帮忙

包含jQuery事件的页面链接

http://jsfiddle.net/gkefk/23/

更新你的小提琴使它工作:

image.on('dblclick', function() {
    image.remove();
    layer.draw();
});
http://jsfiddle.net/gkefk/26/

你必须为每个图像副本添加一个事件处理程序，而不是信任jQuery来动态地做这件事。

你的jQuery调用在文档加载时完成一次(而没有id为"image"的元素存在)，之后没有效果。还要记住，在多个动态元素上使用静态ID并不是一个好主意，因为ID必须是唯一的。

相关文章：