feat:修改pdf查看器

ZhangXianQiang

2024-07-03 eebf6591511daa7c92a7b009a0fef5fb2bea501b

 src/components/PDFVIewer/index.vue

@@ -1,6 +1,6 @@
<template>
  <div class="pdf-container">
    <canvas ref="pdfCanvas" class="pdf-canvas"></canvas>
    <iframe :src="fileUrl" width="100%" height="100%"></iframe>
  </div>
</template>

@@ -12,13 +12,15 @@
    type: String,
    required: true
  }
})
const pdfCanvas = ref(null);
});
const viewerUrl = '/pdfjs/web/viewer.html?file='; // pdfjs文件地址

const fileUrl = ref('');


const renderPDF = () => {
  const url = props.pdfUrl;
  console.log(window.pdfjsLib);
}
  fileUrl.value = viewerUrl + encodeURIComponent(props.pdfUrl);
};

onMounted(() => {
  renderPDF();