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