vue-pdf-embed 2.1.1 版本兼容的 vue3-pdfjs 版本是 0.1.6。 根据搜索结果,vue-pdf-embed 的2.1.1 版本通常与 vue3-pdfjs 的0.1.6 版本一起使用。例如,在搜索结果 1、3 和 7 中,都提到了使用 npm i vue3-pdfjs@0.1.6 来安装与 vue-pdf-embed 兼容的 vue3-pdfjs 版本。因此,可以确认 vue-pdf-embed 2.1.1 版...
在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...
).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文件地址 /...