我将图像从工具栏拖放到 Canvas 上,然后在 Canvas 中移动它。目前,我可以从工具栏多次将单个图像加载到 Canvas 上,如下面的链接所示.
我想添加当用户双击特定图像时从 Canvas 中删除该图像的特定副本的功能。为此,我在双击时触发 jQuery 事件。
$("#image").dblclick(function(){
layer.remove();
});
即使我双击图像的特定副本,该特定副本也不会从 Canvas 中删除。我不明白我做错了什么。请帮助
包含 jQuery 事件的 fiddle 的链接
最佳答案
更新了你的 fiddle 以使其正常工作:
image.on('dblclick', function() {
image.remove();
layer.draw();
});
您必须向图像的每个副本添加一个事件处理程序,而不是信任 jQuery 来动态执行此操作。
您的 jQuery 调用在文档加载时完成一次(同时不存在 id 为“image”的元素),之后没有任何效果。另请记住,在多个动态元素上使用静态 ID 并不是一个好主意,因为 ID 必须是唯一的。
关于javascript - 双击从 Canvas 中删除图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25029771/