From a76c0bd04d5ca8c4c6bd606af91bc1f57b2edeac Mon Sep 17 00:00:00 2001 From: root Date: Sun, 23 Nov 2025 17:26:14 +0100 Subject: [PATCH] Fix --- src/components/SpriteCanvas.vue | 11 ++++++----- src/composables/useFileDrop.ts | 2 +- 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/src/components/SpriteCanvas.vue b/src/components/SpriteCanvas.vue index 426881e..1e303f5 100644 --- a/src/components/SpriteCanvas.vue +++ b/src/components/SpriteCanvas.vue @@ -261,14 +261,15 @@ const allowCellSwap = ref(false); - const getMousePosition = (event: MouseEvent, z: number) => { + const getMousePosition = (event: MouseEvent, z?: number) => { if (!gridContainerRef.value) return null; + const currentZoom = z ?? zoom.value; const rect = gridContainerRef.value.getBoundingClientRect(); - const scaleX = gridContainerRef.value.offsetWidth / (rect.width / z); - const scaleY = gridContainerRef.value.offsetHeight / (rect.height / z); + const scaleX = gridContainerRef.value.offsetWidth / (rect.width / currentZoom); + const scaleY = gridContainerRef.value.offsetHeight / (rect.height / currentZoom); return { - x: ((event.clientX - rect.left) / z) * scaleX, - y: ((event.clientY - rect.top) / z) * scaleY, + x: ((event.clientX - rect.left) / currentZoom) * scaleX, + y: ((event.clientY - rect.top) / currentZoom) * scaleY, }; }; diff --git a/src/composables/useFileDrop.ts b/src/composables/useFileDrop.ts index c05a7f8..5221006 100644 --- a/src/composables/useFileDrop.ts +++ b/src/composables/useFileDrop.ts @@ -31,7 +31,7 @@ export function useFileDrop(options: FileDropOptions) { isDragOver.value = true; }; - const handleDragLeave = (event: DragEvent, canvasRef?: HTMLCanvasElement | null) => { + const handleDragLeave = (event: DragEvent, canvasRef?: HTMLElement | null) => { event.preventDefault(); event.stopPropagation();