關於pdf.js的PDF查看器分辨率

Question

我是一個新手，以PDF查看器，以及對如何設置通過pdf.js背景下的分辨率的一些問題，以下是我的代碼片段：

<script type="text/javascript"> 
PDFJS.getDocument('https://cdn.rawgit.com/mozilla/pdf.js/master/web/compressed.tracemonkey-pldi-09.pdf').then(function (pdf) { 
     for (var pageNum = 1; pageNum < pdf.numPages; ++pageNum) { 
      pdf.getPage(pageNum).then(function (page) { 
       // you can now use *page* here 

       var scale = 2; 
       var viewport = page.getViewport(scale); 

       var canvas = document.createElement('canvas'); 
       var context = canvas.getContext('2d'); 
       canvas.height = viewport.height; 
       canvas.width = viewport.width; 

       var renderContext = { 
        canvasContext: context, 
        viewport: viewport 
       }; 
       page.render(renderContext); 

       document.getElementById('pdf-container').appendChild(canvas); 
      }); 
     } 
    }) 

</script> 

<form id="form1" runat="server"> 
    <div> 
    </div> 
     <div id="pdf-container"></div> 
</form> 

主要問題是頁面分辨率低，使內容不乾淨，不像 http://mozilla.github.io/pdf.js/web/viewer.html。如何使用pdf.js設置分辨率以使其像查看器一樣。非常感謝。

Answer 1

我找到了一種方法來使分辨率更好，但我沒有找到一個數學方程來表示。

<script type="text/javascript"> 
     PDFJS.getDocument('https://cdn.rawgit.com/mozilla/pdf.js/master/web/compressed.tracemonkey-pldi-09.pdf').then(function (pdf) { 
      for (var pageNum = 1; pageNum < pdf.numPages; ++pageNum) { 
       pdf.getPage(pageNum).then(function (page) { 
        var canvas = document.createElement('canvas'); 
        var context = canvas.getContext('2d'); 
        canvas.style.height = "1000px"; 
        canvas.style.width = "900px"; 
        var scale = 2.5; 
        var viewport = page.getViewport(scale); 
        canvas.height = viewport.height; 
        canvas.width = viewport.width; 
        console.log("canvas.height=" + canvas.height); 
        console.log("canvas.width=" + canvas.width); 
        console.log("canvas.style.height=" + canvas.style.height); 
        console.log("canvas.style.width=" + canvas.style.width); 
        console.log("scale="+scale); 
        var renderContext = { 
         canvasContext: context, 
         viewport: viewport 
        }; 
        page.render(renderContext); 
        document.getElementById('pdf-container').appendChild(canvas); 
       }); 
      } 
     }) 

    </script> 

設置canvas的寬度和高度的樣式爲靜態值，然後使用getViewport的比例，設置canvas的寬度和高度。在這種情況下，上下文的dpi會更好，如果比例越高，dpi的分辨率就會越高。