Преглед на файлове

fix: 预览pdf页面优化

Signed-off-by: tangshizhe <48740614+tangshizhe@users.noreply.github.com>
tangshizhe преди 3 месеца
родител
ревизия
83cc939c2a
променени са 4 файла, в които са добавени 12 реда и са изтрити 5 реда
  1. 1 0
      apps/mobile/package.json
  2. 1 1
      apps/mobile/src/main.js
  3. 6 3
      apps/mobile/src/views/common/pdfViewExample.vue
  4. 4 1
      pnpm-lock.yaml

+ 1 - 0
apps/mobile/package.json

@@ -20,6 +20,7 @@
     "@tinymce/tinymce-vue": "^3.2.8",
     "aliyun_numberauthsdk_web": "^2.1.9",
     "canvas": "2.8.0",
+    "core-js": "^3.6.5",
     "dayjs": "^1.11.8",
     "dommatrix": "^1.0.3",
     "html2canvas": "^1.4.1",

+ 1 - 1
apps/mobile/src/main.js

@@ -11,7 +11,7 @@ import store from './store'
 import 'virtual:uno.css'
 import 'vant/lib/index.less'
 import '@/assets/style/index.scss'
-
+import 'core-js/stable/promise/with-resolvers'
 import 'dayjs/locale/zh-cn'
 
 import '@/utils/prototype'

+ 6 - 3
apps/mobile/src/views/common/pdfViewExample.vue

@@ -44,8 +44,9 @@ export default {
       this.pdfUrl = decodeURIComponent(pdfUrl)
     }
     else {
-      // const pdfAssets = getAssetsFile('example-min.pdf')
-      this.pdfUrl = 'https://cdn-common.jianyu360.com/cdn/assets/file/example.pdf'
+      const pdfAssets = getAssetsFile('example-min.pdf')
+      // this.pdfUrl = 'https://cdn-common.jianyu360.cn/cdn/assets/file/example.pdf'
+      this.pdfUrl = pdfAssets
     }
   },
   mounted() {
@@ -65,6 +66,7 @@ export default {
           url: pdfUrl,
           disableRange: true,
           disableAutoFetch: false, // 启动自动分块加载
+          workerSrc: 'pdfjs-dist/build/pdf.worker.mjs',
           // 添加缓存头
           httpHeaders: {
             'Cache-Control': 'max-age=3600' // 缓存 1 小时
@@ -120,7 +122,8 @@ export default {
     calculateScale(page) {
       const containerWidth = document.getElementById('pdf-view-container').clientWidth
       const viewport = page.getViewport({ scale: 1 })
-      return containerWidth / viewport.width
+      // 增加一个倍数来提高清晰度,例如 1.5
+      return (containerWidth / viewport.width) * 3
     }
   }
 }

+ 4 - 1
pnpm-lock.yaml

@@ -329,6 +329,9 @@ importers:
       canvas:
         specifier: 2.8.0
         version: 2.8.0
+      core-js:
+        specifier: ^3.6.5
+        version: 3.36.0
       dayjs:
         specifier: ^1.11.8
         version: 1.11.8
@@ -17060,7 +17063,7 @@ packages:
       '@types/eslint': 8.44.1
       eslint: 8.37.0
       rollup: 2.79.1
-      vite: 4.5.3(less@4.1.3)(sass@1.71.1)(terser@5.19.2)
+      vite: 4.5.3(less@4.1.3)(sass@1.63.2)(terser@5.19.2)
     dev: true
 
   /vite-plugin-externals@0.6.2(vite@4.5.3):