【问题标题】:How to disable multiselection on fabric.js canvas?如何在fabric.js画布上禁用多选?
【发布时间】:2021-03-12 12:52:03
【问题描述】:

我目前正在使用 fabric.js 构建一个画布。

我在画布上有三个对象:

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

我的问题是,当我多选它们时(使用鼠标), 他们都能够调整大小/替换等。

我的问题是: 如何禁用将它们组合在一起,从而无法选择前两个对象?

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

【问题讨论】:

    标签: javascript canvas fabricjs


    【解决方案1】:

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

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

    特定的键值是 selection:false 并且“some_id_attribute_value”是您指定为画布元素的 id 的任何内容(基本画布初始化步骤)。 我也遇到了这个问题,希望对你有帮助!

    【讨论】:

      【解决方案2】:

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

      可选布尔值
      设置为false时,无法选择对象 用于修改(使用基于点击或基于组的 选择)。但是事件仍然会触发它。

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

      【讨论】:

      • 谢谢@spring!事实证明,我在前两个对象的错误配置上添加了这个选项,真可惜。祝你有美好的一天!
      猜你喜欢
      • 2013-09-21
      • 2013-02-04
      • 2013-12-26
      • 2015-03-19
      • 2014-01-02
      • 2013-05-02
      • 1970-01-01
      • 2013-06-19
      • 2014-03-10
      相关资源
      最近更新 更多