如何在事件"mouseout"将 konva 变压器与图像分离?



我正在想办法将Konva.js转换器从我的图像中分离出来。

我已经使用";鼠标悬停">事件,但我不知道如何用我的"mouseout">转换完成后的事件。我发现的大多数文档和示例都建议使用tr.destrict((方法,我尝试过,但没有成功。

有人能提出一个替代方法吗?或者看看我的代码,让我知道我缺少了什么?

这里有一个演示的链接,这样你就可以看看代码,看看我遇到的问题:https://codesandbox.io/s/intelligent-cohen-2f38i?file=/index.html

注意:您可能需要重新考虑attachTo((命令的使用。konvajs.org/api/Kova.Transformer.html上的Konva文档谈到attachTo((时说,"这个方法不推荐使用,很快就会被删除"

Transformer有nodes[]数组,您可以将要附加Transformer的形状推入其中。在您的情况下,听起来像是一次在一个节点上显示Transformer-该数组允许您添加多个形状,下次您会发现这些形状很有用。例如

// get
const nodes = transformer.nodes();
// set
transformer.nodes([rect, circle]);

若要从转换器中"删除"节点,需要将其从transformer.nodes列表中删除。如果你想清除变压器,而你只有一个形状,那么给它一个空数组。

transformer.nodes([]); 

会为你做的。

最新更新