Fix: replace scale when dragging points

alexamy · Jul 3, 2024 · 163067b · 163067b
1 parent 42bb41a
commit 163067b
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/editor/DrawingBoard.tsx b/src/editor/DrawingBoard.tsx
@@ -17,11 +17,12 @@ const Canvas = styled("svg", {
 
 export function DrawingBoard(props: { imageRef: HTMLImageElement }) {
   const [store, _, setStore] = useAppStore().editor;
+  const region = useRegionContext();
 
   function updatePoint(i: number, delta: { dx: number; dy: number }) {
     setStore("points", i, (point) => ({
-      x: point.x + delta.dx,
-      y: point.y + delta.dy,
+      x: point.x + delta.dx / region.scale(),
+      y: point.y + delta.dy / region.scale(),
     }));
   }