如何在fabric.js canvas上禁用多选？

Question

我目前正在研究用fabric.js构建的canvas。

我在 canvas 上有三个对象：

1. 首先，不能选择/调整大小/替换
2. 第二，行为与第一个相同
3. 第三个，可以更换/选择等。

我的问题是，当我多选它们（通过使用鼠标）时，它们都能够调整大小/替换等。

我的问题是：如何禁用将它们组合在一起，以便前两个对象不能是 select？

我已经尝试过canvas.selection = false - 但是这个选项会禁用整个 canvas。

Answer 1

要禁用单击和拖动以 select 多个对象的功能，您只需在 fabric.Canvas 初始化的选项中添加一个键：值对...

let canvas = new fabric.Canvas("some_id_attribute_value",{selection: false});

具体的键值是 selection:false 并且“some_id_attribute_value”是您指定为 canvas 元素的 id（基本 canvas 初始化步骤）。 我也遇到了这个问题，希望对你有帮助！

Answer 2

我不知道我是否遵循您的问题，但每个 object 都有一个selectable属性。
也许这会有所帮助？

可选： Boolean
当设置为false时，不能选择 object 进行修改（使用基于点单击或基于组的选择）。 但事件仍然发生在它身上。

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