pdf.js 相关问题

pdf.js是一个基于HTML5的可移植文档格式（PDF）渲染器。

pdf.js解析pdf发生在选中阴影和文本偏移

我的英语很糟糕，所以我在问题中包含了一些图片。 [在此处输入图片描述](https://i.stack.imgur.com/8MqEH.png) 选择阴影在字符“现代”...下

javascript pdf.js

回答 0 投票 0

如何在 Javascript 中将 PDF 缩放到画布宽度和高度？

我有一个 PDF 文档列表，我正在尝试呈现类似于 Google Docs UI 外观的预览。 {documents.map((doc) => { 返回（ ...

javascript reactjs pdf canvas pdf.js

回答 0 投票 0

您好，有没有一种方法可以使用图像选择器按钮将图像一张一张地添加到画布织物中，而不会在添加另一个后消失？

事实上，我使用 angular 并安装了 fabric.js 来管理画布上的图像。我可以选择图像并将其发送到子组件，该子组件将负责将其加载到织物画布上。所以...

canvas fabric pdf.js

回答 0 投票 0

Vue.js 项目中的 Pdf.js - 无法从其类未声明的对象中读取私有成员#pagePromises

我正在尝试创建一个 Vue.js (Quasar) 项目，但在尝试运行 .getPage 函数时我遇到了 pdf.js 问题。这是我的代码我正在尝试创建一个 Vue.js (Quasar) 项目，但在尝试运行 .getPage 函数时我遇到了 pdf.js 问题。这是我的代码 <template> <div> <canvas ref="canvas" height="100%" width=100%></canvas> </div> </template> <script> import * as pdfjsLib from 'pdfjs-dist/build/pdf'; pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.4.120/pdf.worker.min.js'; export default { data() { return { pdf: null, currentPage: 1, numPages: 0, rendering: false, pageRenderingQueue: [] }; }, props: { src: { type: String, required: true }, pagesPerRender: { type: Number, default: 1 }, scale: { type: Number, default: 1 } }, mounted() { this.loadPdf(); }, methods: { async loadPdf() { let loadingTask = pdfjsLib.getDocument(this.src); loadingTask.promise.then(pdf =>{ console.log("pdf ", pdf); this.pdf = pdf; this.numPages = pdf.numPages; this.renderPages(); }).catch(error => { console.error('Failed to load PDF:', error); }); }, async renderPages() { if (this.rendering) { return; } this.rendering = true; const pagesToRender = []; for (let i = this.currentPage; i < Math.min(this.currentPage + this.pagesPerRender, this.numPages + 1); i++) { pagesToRender.push(i); } for (let i = 0; i < pagesToRender.length; i++) { const pageNumber = pagesToRender[i]; if (this.pageRenderingQueue.includes(pageNumber)) { continue; } this.pageRenderingQueue.push(pageNumber); this.pdf.getPage(pageNumber).then((page) =>{ this.handlePage(page); }); } }, handlePage(page){ const viewport = page.getViewport({ scale: this.scale }); const canvas = this.$refs.canvas; const context = canvas.getContext('2d'); canvas.width = viewport.width; canvas.height = viewport.height; const renderContext = { canvasContext: context, viewport: viewport }; const renderTask = page.render(renderContext); renderTask.then(() => { console.log("render task completed succesfully") const index = this.pageRenderingQueue.indexOf(pageNumber); this.pageRenderingQueue.splice(index, 1); if (this.pageRenderingQueue.length === 0) { this.rendering = false; } }); } } }; </script> 和错误 Uncaught (in promise) TypeError: Cannot read private member #pagePromises from an object whose class did not declare it at Proxy.getPage (pdf.js?6178:2375:1) at Proxy.getPage (pdf.js?6178:1215:1) at Proxy.renderPages (PdfViewer.vue?772b:69:1) at eval (PdfViewer.vue?772b:46:1) 我正在使用包版本 3.4.120（通过 npm 安装）我尝试在 pdfjsLib.GlobalWorkerOptions.workerSrc 中使用这个 url '//mozilla.github.io/pdf.js/build/pdf.worker.js'，作为这个例子 https://mozilla.github.io/pdf.js/examples/，但它指向版本 3.5.97，并且发生不匹配。

vue.js pdf.js quasar

回答 0 投票 0

使用 PDFjs 页面在 IOS/Android 无法完全呈现

我创建了一个使用pdfjs配合turnjs实现翻书效果的页面。思路是将pdf文件绘制到画布上，然后使用turnjs翻转画布，实现翻书的效果。。。

html jquery html5-canvas pdf.js turnjs

回答 0 投票 0

OnMouse 事件只发生一次

我将选定的文本从 pdf 动态插入到文本框。我还创建了动态文本框，其中第一个选定的文本被添加到带有 pdf 页码的第一个文本框，用于下一个选择...

javascript mouseevent pdf.js mouseup

回答 0 投票 0

PDF.JS：PDFViewer 类无法正确呈现页面

我需要在 Thymeleaf 中使用 pdf.js 编写一个自己的 PDF-Viewer，它可以搜索文本并呈现引用。但是 pdfjsViewer 库中的类 PDFViewer 只呈现前两个......