Canvas 如何使用Fabric JS添加对交互绝对无效的图像

是否可以添加一个带有Fabric JS的图像，该图像对于任何类型的交互都是绝对惰性的

我是什么意思？首先，我们添加图像：

let image1 = fabric.Image.fromURL(src1, function (img) {        
    img.set({
        left: 0,
        top: 0,
    });
    canvas.add(img)
})

然后，在前一张图片的正上方再画一张

let image2 = fabric.Image.fromURL(src2, function (img) {        
    img.set({
        left: 0,
        top: 0,
    });
    canvas.add(img)
})

现在我在画布上设置Mouseclick listener，如下所示：

canvas.on({
'mouse:down': (options) => { console.log(options.target) }
})

。。。因此，如果我们单击image2（即image1的正上方），options.taget当然指向image2

但我需要的是这个点击忽略了图片，那个是放在第一个上面的，我们可以直接和下面的图片交互

看起来可以覆盖fabric侦听器来实现我需要的功能，但我甚至不知道从哪里开始（我的技能太低）

如果您有任何帮助，我将不胜感激，谢谢您

您只需设置并安装即可

几乎不言自明

const canvas=newfabric.canvas（“c”）
常量url=”https://via.placeholder.com/200x200"
常量url2=”https://via.placeholder.com/100x100"
fabric.Image.fromURL（url，（img）=>{
canvas.add（img）
}, {
左:0,，
排名：0，
笔划：“蓝色”，
冲程宽度：1，
事件：错误，
可选：false
})
fabric.Image.fromURL（url2，（img）=>{
canvas.add（img）
img.sendToBack（）
}, {
左：150，
前50名，
笔划：“蓝色”，
冲程宽度：1
})
帆布({
“鼠标：向下”：选项=>{
console.log（options.target）；
}
})