askbot-dragon 1.6.75 → 1.6.76

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "askbot-dragon",
-  "version": "1.6.75",
+  "version": "1.6.76",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/components/preview/pdfView.vue

@@ -281,7 +281,8 @@ export default {
 
         const page = await this.pdf.getPage(pageNumber);
         let pdfWidth = page.getViewport({ scale: 1 }).width;
-        const viewport = page.getViewport({ scale: this.calculateScale(pdfWidth) });
+        const displayScale = this.calculateScale(pdfWidth);
+        const viewport = page.getViewport({ scale: displayScale });
         this.viewport = viewport;
 
         const canvas = pageData.canvas;
@@ -301,7 +302,7 @@ export default {
         this.context = context;
 
         // 计算输出缩放比例（与 vuePdf 保持一致）
-        const outputScale = this.calculateScale(pdfWidth);
+        const outputScale = this.getOutputScale();
 
         // 计算实际显示的尺寸
         let domWidth = Math.floor(viewport.width);
@@ -315,7 +316,7 @@ export default {
         canvas.style.height = `${domHeight}px`;
 
         // 创建 transform 矩阵（与 vuePdf 保持一致）
-        const transform = outputScale !== 1
+        let transform = outputScale !== 1
             ? [outputScale, 0, 0, outputScale, 0, 0]
             : null;
 
@@ -332,6 +333,7 @@ export default {
           transform: transform
         });
         await renderTask.promise;
+        transform = null;
 
         // 渲染文本层（必须在高亮渲染之前，确保文本层在最上层）
         try {
@@ -416,9 +418,15 @@ export default {
       }
     },
     calculateScale(pdfWidth) {
-      const containerWidth = document.getElementById('pdfViewPage').clientWidth - 50;
+      const pdfViewPage = document.getElementById('pdfViewPage');
+      if (!pdfViewPage || !pdfWidth) return this.scale;
+      const horizontalPadding = this.isPC ? 50 : 16;
+      const containerWidth = Math.max(pdfViewPage.clientWidth - horizontalPadding, 1);
       return (containerWidth / pdfWidth) * this.scale;
     },
+    getOutputScale() {
+      return Math.min(window.devicePixelRatio || 1, 2);
+    },
     async renderHighlights(context, number, viewport, outputScale = 1) {
       const pageHighlights = this.highlights.filter(item => (item.page === number ))
       let highlights = this.mergedGroups(pageHighlights);