【问题标题】:Fabricjs : Resize group automatically with membersFabricjs:使用成员自动调整组大小
【发布时间】:2021-01-27 00:36:51
【问题描述】:

这里的代码沙盒:https://codesandbox.io/s/inspiring-elgamal-c0ud5?file=/src/Rectangle.jsx

你好,

我正在尝试在其中一个成员增长时自动调整组的大小。当我通过单击和拖动在画布上绘制一个矩形时,会创建一个包含矩形和一个文本框的组。但是,整个组不会随矩形调整大小。有人可以帮我解决这个问题吗?谢谢。

【问题讨论】:

  • 创建新对象时是否要将旧对象添加到当前选择中?
  • 每次单击并拖动时,我都想创建一个矩形和一个关联的文本,这就是我必须对它们进行分组的原因。该组只是不想用矩形调整大小。
  • 你介意我用打字稿写给你,我会怎么做只是为了给你一个想法吗?基本上我会创建一个活动选择?
  • 刚刚在我的答案中添加了一个工作示例和代码更正。最佳

标签: fabricjs


【解决方案1】:

我会尝试在鼠标向上时使用 Active Selection

    canvas.discardActiveSelection()
    const activeSelelection = new fabric.ActiveSelection([rect, text], {
      canvas: canvas
    });
    canvas.setActiveObject(activeSelection)

working codesandbox

【讨论】:

    猜你喜欢
    • 2018-08-16
    • 1970-01-01
    • 2021-11-19
    • 2017-04-23
    • 1970-01-01
    • 2012-06-09
    • 2020-03-08
    • 1970-01-01
    • 2015-07-24
    相关资源
    最近更新 更多