KonvaJS-group.clip（）之后无转换器更新>> [

Question

关于问题

我正在使用konva.js构建的图形编辑器经过数小时的研究，我无法将transformer调整为group的剪切大小>

详细信息

我有一个定义simple clip区域的组，在其中有2个rectangles，它们的大小和位置完全相同，彼此堆叠。

底部矩形是filled with an image
• 顶部矩形是filled with rgba colour
• 剪辑的小组工作良好；但是，此应用程序是动态的，因此需要用户输入才能设置剪辑区域。当我调用group.clip()和layer.batchDraw()时，它会进行裁剪，但是边界矩形（变压器）不会更新，即使我在其上调用transformer.forceUpdate()后也没有运气。

我尝试过的

[当我destroy转换器并重新创建时，它仍然指示完整尺寸（不是裁剪的尺寸），并且裁剪区域仍然保留。

为清晰起见，以下是屏幕截图：Screenshot-20191008-153503.png

某些代码

我怀疑这是否会有所帮助，代码位于单独的文件中，并且值来自用户输入，如上所述。对于它的价值，这是给您的：

let grp = new Konva.Group({x:o.x,y:o.y,draggable:o.draggable,clip:{x:0,y:0,width:o.width,height:o.height}});

我粘贴到此处的任何其他代码都只会使所有人困惑，这是很多东西，而且我知道人们看到它们后就会跑动，所以，如果我应该添加更多代码，请在评论中让我知道吗？] >
感谢您的帮助，谢谢。

关于我正在使用konva.js构建的图形编辑器的问题，经过数小时的研究，我无法让转换器将其调整为一组的裁剪后的大小。详细信息，我有一个具有以下特性的组...]]

[不幸的是，当前[email protected]时，Konva.Transformer不支持剪辑。它只是不知道，因此您可以在“旧”位置看到它。

棘手的解决方法是：

创建一个具有裁剪区域大小的透明矩形
1. 将Konva.Transformer附加到该矩形中。

在transform或transformend事件上，将手动调整组或其子级的大小。

Answer 1

[不幸的是，当前[email protected]时，Konva.Transformer不支持剪辑。它只是不知道，因此您可以在“旧”位置看到它。

棘手的解决方法是：