Fabric.js 禁用 object 选择但启用目标查找？

Question

我想让所有织物 canvas 对象都可以在鼠标移动时被检测到，但不能被单击或 select。

if (isHoverMode == true) {
  canvas.selection = false
  canvas.skipTargetFind = true  // <-this cause object could be selectable!
  canvas.on('mouse:over', function(e) {
      // do something on e.target ...
  });
}

结果表明canvas.skipTargetFind必须设置为 true 才能使mouse:over事件起作用。 但随后也可以选择对象。

我怎样才能防止 object 被选中？

Answer 1

您要查找的 object 属性是selectable 。

像这样对单个 object 使用它：

obj.set('selectable', false);

或者对所有对象都这样：

fabric.Object.prototype.selectable = false;

参见http://fabricjs.com/docs/fabric.Object.html#selectable