Estoy trabajando en PDF.js y tratando de representar un pdf en una página web. Me enfrento a un problema de error de imprenta al mostrar pdf. Puede ver que parte del texto no se imprime correctamente Mala visualización
Sin embargo, cuando veo el pdf en Acrobat, se muestra perfectamente. buena pantalla
Nota* - El PDF contiene solo texto, no imágenes.
Estoy usando un código muy básico para mostrar el archivo 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); });¿Alguien puede sugerir qué está mal con esto?
Gracias por adelantado.