如何在 fabric.js canvas 上禁用多选?
How to disable multiselection on fabric.js canvas?
我目前正在使用 fabric.js 构建 canvas。
我在 canvas 上有三个对象:
- 首先,不能是selected/resized/replaced
- 第二个,与第一个行为相同
- 还有第三个,可以是replaced/selected等等
我的问题是,当我多 select 它们时(通过使用我的鼠标),
他们都变得有能力 resizing/replacing 等等
我的问题是:
如何禁用将它们组合在一起,以便前两个对象不能是 select?
我已经尝试过 canvas.selection = false
- 但此选项会禁用整个 canvas。
我不知道我是否理解你的问题,但每个对象都有一个 selectable
属性。
也许这会有所帮助?
selectable :Boolean
When set to false
, an object can not be selected
for modification (using either point-click-based or group-based
selection). But events still fire on it.
要禁用单击和拖动以 select 多个对象的能力,您只需在 fabric.Canvas 初始化的选项中添加一对 key:value...
let canvas = new fabric.Canvas("some_id_attribute_value",{selection: false});
具体的键值是 selection:false,“some_id_attribute_value”是您指定的 canvas 元素的 ID(基本 canvas 初始化步骤)。
我也遇到了这个问题,希望对你有帮助!
我目前正在使用 fabric.js 构建 canvas。
我在 canvas 上有三个对象:
- 首先,不能是selected/resized/replaced
- 第二个,与第一个行为相同
- 还有第三个,可以是replaced/selected等等
我的问题是,当我多 select 它们时(通过使用我的鼠标), 他们都变得有能力 resizing/replacing 等等
我的问题是: 如何禁用将它们组合在一起,以便前两个对象不能是 select?
我已经尝试过 canvas.selection = false
- 但此选项会禁用整个 canvas。
我不知道我是否理解你的问题,但每个对象都有一个 selectable
属性。
也许这会有所帮助?
selectable :Boolean
When set tofalse
, an object can not be selected for modification (using either point-click-based or group-based selection). But events still fire on it.
要禁用单击和拖动以 select 多个对象的能力,您只需在 fabric.Canvas 初始化的选项中添加一对 key:value...
let canvas = new fabric.Canvas("some_id_attribute_value",{selection: false});
具体的键值是 selection:false,“some_id_attribute_value”是您指定的 canvas 元素的 ID(基本 canvas 初始化步骤)。 我也遇到了这个问题,希望对你有帮助!