diff --git a/frontend/src/app.ts b/frontend/src/app.ts index 0a07e1d..86ebf2d 100644 --- a/frontend/src/app.ts +++ b/frontend/src/app.ts @@ -627,8 +627,8 @@ async function drawAssetInspection( const destHeight = Math.min(displayHeight, viewportHeight * inspectPixelScale); const focusX = Math.max(0, Math.min(1, focus.xRatio)); const focusY = Math.max(0, Math.min(1, focus.yRatio)); - const centerX = imageWidth <= displayWidth ? imageWidth * 0.5 : focusX * imageWidth; - const centerY = imageHeight <= displayHeight ? imageHeight * 0.5 : focusY * imageHeight; + const centerX = imageWidth <= viewportWidth ? imageWidth * 0.5 : focusX * imageWidth; + const centerY = imageHeight <= viewportHeight ? imageHeight * 0.5 : focusY * imageHeight; const sourceX = Math.max(0, Math.min(imageWidth - viewportWidth, Math.round(centerX - viewportWidth * 0.5))); const sourceY = Math.max(0, Math.min(imageHeight - viewportHeight, Math.round(centerY - viewportHeight * 0.5))); const destX = Math.floor((displayWidth - destWidth) * 0.5); diff --git a/src/repixelizer/gui_static/app.js b/src/repixelizer/gui_static/app.js index 1600cc2..93fcd62 100644 --- a/src/repixelizer/gui_static/app.js +++ b/src/repixelizer/gui_static/app.js @@ -429,8 +429,8 @@ async function drawAssetInspection(canvas, asset, focus, referenceWidth) { const destHeight = Math.min(displayHeight, viewportHeight * inspectPixelScale); const focusX = Math.max(0, Math.min(1, focus.xRatio)); const focusY = Math.max(0, Math.min(1, focus.yRatio)); - const centerX = imageWidth <= displayWidth ? imageWidth * 0.5 : focusX * imageWidth; - const centerY = imageHeight <= displayHeight ? imageHeight * 0.5 : focusY * imageHeight; + const centerX = imageWidth <= viewportWidth ? imageWidth * 0.5 : focusX * imageWidth; + const centerY = imageHeight <= viewportHeight ? imageHeight * 0.5 : focusY * imageHeight; const sourceX = Math.max(0, Math.min(imageWidth - viewportWidth, Math.round(centerX - viewportWidth * 0.5))); const sourceY = Math.max(0, Math.min(imageHeight - viewportHeight, Math.round(centerY - viewportHeight * 0.5))); const destX = Math.floor((displayWidth - destWidth) * 0.5);