Как улучшить качество отображения в pdf.js

Question

Я использую библиотеку с открытым исходным кодом для документов PDF из mozilla (pdf.JS). Когда я пытаюсь открыть pdf-документы с плохим качеством, зритель отображает его с качеством ОЧЕНЬ ПЛОХО.

Но если я открываю его в считыватель, или в браузере (перетащить/падение в новом окне), whis документ отображает хорошо

Можно ли изменить? Вот эта библиотека на GitHub mozilla pdf.js

Answer 1

Может быть, это проблема, связанная с отношением пикселей, это случалось со мной, когда отношение устройства пикселей больше, чем 1 (например, iPhone, IPAD, и т.д .. Вы можете прочитать this question для ... лучшее объяснение

Просто попробуйте этот файл на PDF.js Viewer Если он работает, как и ожидалось, вы должны проверить, как pdf.js работает с соотношением пикселей> 1 here Что библиотека в основном делает:

canvas.width = viewport.width * window.devicePixelRatio; 
canvas.styles.width = viewport.width; 

Но вы должны проверить, как PDF.js работает лучше Perfomance

Answer 2

Вы просто должны изменить масштаб вашего PDF т.е. при отображении страницы:

pdfDoc.getPage(num).then(function(page) { 
     var viewport = page.getViewport(scale); 
     canvas.height = viewport.height; 
     canvas.width = viewport.width; 
... 

Это значение масштаба, вы должны изменить. Затем получившееся изображение будет вписываться в холст, учитывая его размеры, например. в CSS. Это означает, что вы создаете более крупное изображение, вписываете его в контейнер, который у вас был раньше, и поэтому вы эффективно улучшаете разрешение.

Answer 3

Существует renderPage функция в web/viewer.js и разрешение печати жестко запрограммировано там как 150 DPI.

function renderPage(activeServiceOnEntry, pdfDocument, pageNumber, size) { 
    var scratchCanvas = activeService.scratchCanvas; 
    var PRINT_RESOLUTION = 150; 
    var PRINT_UNITS = PRINT_RESOLUTION/72.0; 

Чтобы изменить разрешение печати до 300 DPI, просто измените приведенную ниже строку.

var PRINT_RESOLUTION = 300; 

См How to increase print quality of PDF file with PDF.js viewer для более подробной информации.