舞台拖动后指南捕捉到错误的位置

Guides snapping in wrong location after stage drag

我关注了 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/