如何解决你如何从“mouseout”事件的图像中分离konva变压器?
我正在想办法将 Konva.js 转换器从我的图像中分离出来。
我已经使用 "mouseover" 事件成功地创建了转换器并将其附加到图像上,但我不知道如何用我的 "mouseout" 转换完成后的事件。我发现的大多数文档和示例都建议使用 tr.detach() 方法,我尝试过但没有成功。
任何人都可以提出替代方法或查看我的代码并让我知道我缺少什么吗?
这是一个演示链接,您可以查看代码并了解我遇到的问题: https://codesandbox.io/s/intelligent-cohen-2f38i?file=/index.html
解决方法
注意:您可能需要重新考虑使用 attachTo() 命令。 konvajs.org/api/Konva.Transformer.html 上的 Konva 文档对 attachTo() 说“此方法已弃用,很快将被删除”。
Transformer 有一个 nodes[] 数组,您可以将要连接到 Transformer 的形状推入其中。在您的情况下,听起来您一次在一个节点上显示变压器 - 该数组允许您添加多个形状,您会在下次发现这些形状时很有用。例如...
// get
const nodes = transformer.nodes();
// set
transformer.nodes([rect,circle]);
要从转换器中“删除”一个节点,您需要将其从transformer.nodes 列表中删除。如果你想清除变压器而你只有一个形状,那么给它一个空数组。
transformer.nodes([]);
会为您做到这一点。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。