Направляющие в неправильном месте после перетаскивания

Question

Я следовал руководству по созданию щелкающих линеек , но у меня есть дополнительная функциональность. Проблема в том, что после этапа перетаскивания правила появляются в неправильном месте.

Я пытался искать, но не могу найти что-либо, например, что-то вроде смещения. Вот JSfiddle. Это на 100% идентично примеру, за исключением того, что stage имеет draggable: true (и перемещено CSS / JS из HTML) .

https://jsfiddle.net/jyupeqx9/

Answer 1

Поскольку вы перемещаете сцену и все позиции внутренних фигур (например, прямоугольники и линии направляющих) относительно сцены, вам необходимо настроить вычисления положения.

Для этого вы можете просто обновить getClientRect использование функции:

node.getClientRect({ relativeTo: stage});

ДЕМО: https://jsfiddle.net/rbahewmu/