如何禁用 Fabric.js 画布上的多重选择？

Question

我目前正在使用 Fabric.js 构建画布。

我在画布上有三个对象：

1. 首先，无法选择/调整大小/替换

2. 第二个，其行为与第一个相同

3. 第三个，可以替换/选择等。

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

我的问题是：如何禁用将它们分组在一起，以便无法选择前两个对象？

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

Answer 1

要禁用单击并拖动以选择多个对象的功能，您只需在 Fabric.Canvas 初始化的选项中添加一个键：值对...let canvas = new fabric.Canvas("some_id_attribute_value",{selection: false});具体的键值为 Selection:false ，“some_id_attribute_value”是您指定为画布元素 id 的任何内容（基本画布初始化步骤）。我也遇到这个问题，希望有帮助！

Answer 2

我不知道我是否遵循你的问题，但每个对象都有一个selectable属性。也许这会有帮助？selectable : Boolean当设置为 时false，无法选择对象进行修改（使用基于点击的选择或基于组的选择）。但事件仍在继续。