Fabric js - 在画布内的对象上使用类似于 CSS 指针事件的属性：无

编程问答 2022-05-27

问题描述

我正在使用 fabric.js 在同一画布内创建具有不同形状的情绪板。每个形状由三层（物体）组成：

  1. 底部（阴影）
  2. 中间一个（包含所有数据且需要定位的形状）
  3. 最上面一层（浅层）

当我使用 mouse:over 事件时，我应该只针对中间对象，因为其他对象只是为了美观。

this.canvas.on('mouse:over',(e)=> {
      if(e.target) {
        console.log(e.target);
      } 
 });

img.set({
    left: window.outerWidth / 2,top: window.innerHeight / 2,originX: 'center',originY: 'center',selectable: false,name: 'light3',opacity: 0.5
  })

即使我插入了属性 --> selectable: false，鼠标悬停在对象上也是目标。这对我来说是一个可以理解的逻辑，但我想知道（以及我需要什么）是一个属性，类似于指针事件：无（css），防止元素对鼠标事件做出反应，针对以下事件被允许成为目标。 我在文档和其他问题中进行了搜索，但找不到与此类似的内容。

谢谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

fabricjshtml5-canvasjavascriptpointer-events