konvajs - 舞台拖动后引用线捕捉到错误的位置

标签 konvajs

我关注了the guide on making snapping rulers ,但我有额外的功能。 问题是拖动阶段后,规则出现在错误的位置。

我尝试过寻找,但找不到任何可用于例如类似于偏移量的东西。 这是一个 JSfiddle。它与示例 100% 相同,除了 stage 具有 draggable: true (并将 CSS/JS 从 HTML 中移出)

https://jsfiddle.net/jyupeqx9/

最佳答案

由于您正在移动舞台,并且内部形状(例如矩形和引导线)的所有位置都是相对于舞台的,因此您必须调整位置计算。

为此,您只需更新 getClientRect 函数用法即可:

node.getClientRect({ relativeTo: stage});

演示:https://jsfiddle.net/rbahewmu/

关于konvajs - 舞台拖动后引用线捕捉到错误的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60040962/

相关文章:

javascript - KonvaJS 过滤器值的等价物

reactjs - 使用 Typescript 和 React.Konva 指定 onClick 事件类型

javascript - 如何将 <button> 放入 Konva 舞台中?

reactjs - 如何向react-konva Image对象添加边框半径?

javascript - 康瓦 : get corners coordinate of a rotated rectangle

javascript - KonvaJS 中的文本水平和垂直居中

javascript - 在 HTML5 Canvas 上删除部分图像?

javascript - 在react-konva中转换后,矩形无法正确重新渲染

javascript - 如何将事件传输到 Canvas 中 { KonvaJS 中的指针事件 : none }; (!)

konvajs - 使用 Konva 设计甘特 View