使用 PDF.js 进行渲染 - 打印错误问题

Question

我正在研究 PDF.js 并尝试在网页上呈现 pdf。 我在显示 pdf 时遇到打印错误的问题。 可以看到有些文字没有正确打印显示不好

但是，当我在 Acrobat 中看到 pdf 时，它却完美显示。 良好的显示

注意* - Pdf 仅包含文本，没有图像。

我正在使用非常基本的代码来显示 pdf 文件

 var url = './highlighter_updated.pdf'; // Loaded via <script> tag, create shortcut to access PDF.js exports. var pdfjsLib = window['pdfjs-dist/build/pdf']; // The workerSrc property shall be specified. pdfjsLib.GlobalWorkerOptions.workerSrc = '//mozilla.github.io/pdf.js/build/pdf.worker.js'; // Asynchronous download of PDF var loadingTask = pdfjsLib.getDocument(url); loadingTask.promise.then(function(pdf) { console.log('PDF loaded'); // Fetch the first page var pageNumber = 1; pdf.getPage(pageNumber).then(function(page) { console.log('Page loaded'); var scale = 1.0; var viewport = page.getViewport({scale}); // Prepare canvas using PDF page dimensions var canvas = document.getElementById('the-canvas'); var context = canvas.getContext('2d'); canvas.height = viewport.height; canvas.width = viewport.width; // Render PDF page into canvas context var renderContext = { canvasContext: context, viewport: viewport }; var renderTask = page.render(renderContext); renderTask.promise.then(function () { console.log('Page rendered'); }); }); }, function (reason) { // PDF loading error console.error(reason); });

谁能建议这有什么问题。

提前致谢。