在vue3中使用vue-pdf-embed,不显示内容 <template> <div class="pdf-preview"> <div class="pdf-wrap"> <vue-pdf-embed :source="state.source" :style="scale" class="vue-pdf-embed" :page="state.pageNum" /> </div> <div class="page-tool"> <div class="page-tool-item" @click="lastPag...
{ ref, onMounted } from 'vue'; import VuePdfEmbed from 'vue-pdf-embed'; import { createLoadingTask } from 'vue3-pdfjs'; const props = defineProps({ pdfUrl: { type: String, required: true, }, }); const currentPage = ref(1); const totalPages = ref(0); const scale = ref(...
).then(res=>res.arrayBuffer()); const helveticaFont=await pdfDoc.embedFont(defaultFontBuffer);//加文本,演示时只加在了第一页const firstPage=pages[0] const { height }=firstPage.getSize() firstPage.drawText('用js添加的水印文字上线了,测试看会不会显示完整,字号什么的!', { x:5, y: height...
<template> <PdfEmbed src="path/to/your/document.pdf" /> </template> 检查浏览器兼容性: vue-pdf-embed依赖于浏览器的PDF.js库来渲染PDF。确保你使用的浏览器支持PDF.js。 检查控制台错误: 查看浏览器的开发者工具控制台,看是否有任何错误信息,这可能会帮助你诊断问题。 检查组件的props: vue-pdf-embed...
const helveticaFont=await pdfDoc.embedFont(defaultFontBuffer);//加文本,演示时只加在了第一页const firstPage=pages[0] const { height }=firstPage.getSize() firstPage.drawText('用js添加的水印文字上线了,测试看会不会显示完整,字号什么的!', { ...
{ reactive, onMounted, computed } from "vue"; import VuePdfEmbed from "vue-pdf-embed"; import { createLoadingTask } from "vue3-pdfjs"; const props = defineProps({ pdfUrl: { type: String, default: "", }, }); const state = reactive({ source: props.pdfUrl, //预览pdf文件地址 /...