From 1680c7e0ad6c95a861e6ce362060c92996640190 Mon Sep 17 00:00:00 2001
From: liyulin <501351981@qq.com>
Date: Sun, 12 Feb 2023 18:12:01 +0800
Subject: [PATCH] =?UTF-8?q?change:=20=E4=BF=AE=E5=A4=8Dpdf=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E7=AB=AF=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/pdf/src/main.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/pdf/src/main.vue b/packages/pdf/src/main.vue
index d8cfe20..4bd27b5 100644
--- a/packages/pdf/src/main.vue
+++ b/packages/pdf/src/main.vue
@@ -61,10 +61,16 @@ export default defineComponent({
 
     function renderPage(num) {
       pdfDocument.getPage(num).then((pdfPage) => {
-        const viewport = pdfPage.getViewport({scale: window.devicePixelRatio});
+        const viewport = pdfPage.getViewport({scale:  window.devicePixelRatio});
+
         const canvas = rootRef.value[num-1];
         canvas.width = viewport.width;
         canvas.height = viewport.height;
+        if(viewport.width > document.documentElement.clientWidth){
+          canvas.style.width = '100%'
+        }else{
+          canvas.style.width = Math.floor(viewport.width) + 'px';
+        }
         const ctx = canvas.getContext("2d");
         const renderTask = pdfPage.render({
           canvasContext: ctx,
@@ -108,7 +114,12 @@ export default defineComponent({
         v-if="numPages"
         class="vue-office-pdf-wrapper"
         style="background: gray; padding: 30px 0;position: relative;">
-      <canvas v-for="page in numPages" ref="rootRef" :key="page"/>
+      <canvas
+          v-for="page in numPages"
+          ref="rootRef"
+          :key="page"
+          style="width:100%"
+      />
     </div>
   </div>
 </template>