Upload 2 files

static/app.js

@@ -1390,6 +1390,8 @@ async function renderPDFViewer(viewer) {
     const context = canvas.getContext("2d");
     canvas.width = Math.ceil(viewport.width);
     canvas.height = Math.ceil(viewport.height);
+    canvas.style.width = `${Math.ceil(viewport.width)}px`;
+    canvas.style.height = `${Math.ceil(viewport.height)}px`;
     await page.render({ canvasContext: context, viewport }).promise;
     if (pageInput) {
       pageInput.value = String(pageNumber);
@@ -1632,10 +1634,22 @@ function openProofread(item, focusPart = null, restoring = false) {
     if (grid) grid.classList.add("proofread-grid-no-source");
   }
   const sourceImage = DOM.previewPanel.querySelector("[data-proofread-source-image]");
-  if (sourceImage) sourceImage.addEventListener("error", () => {
-    const stage = sourceImage.closest("[data-image-stage], .proofread-image-stage");
-    if (stage) stage.innerHTML = `<div class="proofread-no-source"><strong>图片无法在线显示</strong><a class="text-btn-sm" href="${sourceDownloadURL(item, STATE.proofreadFile || 0)}">下载原文件</a></div>`;
-  }, { once: true });
+  if (sourceImage) {
+    const fitImage = () => {
+      const stage = sourceImage.closest(".proofread-image-stage");
+      if (!stage || !sourceImage.naturalWidth) return;
+      const baseWidth = Math.min(sourceImage.naturalWidth, Math.max(1, stage.clientWidth - 32));
+      sourceImage.dataset.imageBaseWidth = String(baseWidth);
+      sourceImage.style.maxWidth = "none";
+      sourceImage.style.width = `${baseWidth}px`;
+    };
+    sourceImage.addEventListener("load", fitImage, { once: true });
+    if (sourceImage.complete) fitImage();
+    sourceImage.addEventListener("error", () => {
+      const stage = sourceImage.closest("[data-image-stage], .proofread-image-stage");
+      if (stage) stage.innerHTML = `<div class="proofread-no-source"><strong>图片无法在线显示</strong><a class="text-btn-sm" href="${sourceDownloadURL(item, STATE.proofreadFile || 0)}">下载原文件</a></div>`;
+    }, { once: true });
+  }
   const form = DOM.previewPanel.querySelector("[data-proofread-form]");
   const pdfViewer = DOM.previewPanel.querySelector("[data-pdf-viewer]");
   if (pdfViewer) renderPDFViewer(pdfViewer);
@@ -2241,7 +2255,10 @@ function attachEvents() {
         ? 1
         : Math.min(4, Math.max(0.25, current + (zoomButton.dataset.imageZoom === "in" ? 0.25 : -0.25)));
       image.dataset.imageScale = String(next);
-      image.style.transform = `scale(${next})`;
+      const baseWidth = Number(image.dataset.imageBaseWidth) || image.naturalWidth;
+      image.style.maxWidth = "none";
+      image.style.width = `${Math.max(1, baseWidth * next)}px`;
+      image.style.transform = "none";
       return;
     }
     if (event.target.closest("[data-fulltext-apply]")) {

static/style.css

@@ -626,6 +626,8 @@ ul, li {
 }
 
 .proofread-image-stage img {
+  display: block;
+  flex: 0 0 auto;
   max-width: 100%;
   height: auto;
   transform-origin: top left;