【问题标题】:Select and group KonvaJS objects not working选择和分组 KonvaJS 对象不起作用
【发布时间】:2018-10-22 14:13:54
【问题描述】:

我想为我的 KonvaJS 应用程序创建一个“选择和分组”功能。

对于选择功能,我正在使用这个效果很好的示例: selecting by drawing a box around objects in konva

但是组功能没有按我预期的那样工作。这就是正在发生的事情:

Example

首先我像这样创建一个空组:

selectGroup = new Konva.Group({
    x: 50,
    y: 50,
    draggable: true
});

当一个形状被击中时,我像这样添加它:

selectGroup.add(shapeObject);

当我完成选择时,我会这样调用变换功能:

var tr = new Konva.Transformer();
layer.add(tr);
tr.attachTo(selectGroup);
layer.draw();

我不知道为什么当我添加一个形状时它会消失。当我完成并调用转换功能时,它似乎不起作用。

有什么想法吗?

【问题讨论】:

  • 可以做一个小demo吗?可能当您将形状添加到组中时,它的绝对值会离开可见视图。
  • 当然@lavrton。这是一个演示:jsbin.com/pubovu/edit?html,js,output
  • 你添加selectGroup到层了吗?看起来它不在图层上,所以你看不到形状。
  • 谢谢拉夫顿。这就是问题所在。现在工作正常。我不能拖这个小组,但那是另一回事。我会继续调查。再次感谢这个惊人的框架!

标签: konvajs


【解决方案1】:

感谢 lavrton,我发现问题在于我没有将 selectGroup 添加到图层。

现在工作正常。问题已解决。

【讨论】:

    猜你喜欢
    • 2014-12-26
    • 1970-01-01
    • 2020-11-04
    • 2020-07-03
    • 1970-01-01
    • 2020-02-29
    • 2015-02-14
    • 2014-10-31
    • 1970-01-01
    相关资源
    最近更新 更多