fixed unscaled image offset bug

alxcube · Dec 19, 2023 · c6a29c4 · c6a29c4
1 parent 52833c3
commit c6a29c4
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/playground/image-area/ImageViewer.vue b/src/components/playground/image-area/ImageViewer.vue
@@ -72,12 +72,12 @@ function fitViewport() {
       width = height * ratio;
     }
 
-    const { x: offsetX, y: offsetY } = props.offset;
-    const x = vpWidth / 2 - width / 2 - offsetX;
-    const y = vpHeight / 2 - height / 2 - offsetY;
-
     const scale = width / props.image.width;
 
+    const { x: offsetX, y: offsetY } = props.offset;
+    const x = vpWidth / 2 - width / 2 - (offsetX * scale);
+    const y = vpHeight / 2 - height / 2 - (offsetY * scale);
+
     if (scaleModel.value !== scale) {
       scaleModel.value = scale;
     }