title: PDF.js displays PDF documents in really low resolution/ blurry almost. Is this how it is?
body: <p>I am trying to use PDF.js to view PDF documents.  I find the display really low resolutions to the point of being blurry.  Is there a fix?</p>
  
  <p><a href="https://i.stack.imgur.com/3UVjA.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/3UVjA.jpg" alt="enter image description here"></a></p>
  
  <pre><code> // URL of PDF document
          var url = "https://www.myFilePath/1Mpublic.pdf";
  
          // Asynchronous download PDF
          PDFJS.getDocument(url)
            .then(function(pdf) {
              return pdf.getPage(1);
            })
            .then(function(page) {
              // Set scale (zoom) level
              var scale = 1.2;
  
              // Get viewport (dimensions)
              var viewport = page.getViewport(scale);
  
              // Get canvas#the-canvas
              var canvas = document.getElementById('the-canvas');
  
              // Fetch canvas' 2d context
              var context = canvas.getContext('2d');
  
              // Set dimensions to Canvas
              canvas.height = viewport.height;
              canvas.width = viewport.width;
  
              // Prepare object needed by render method
              var renderContext = {
                canvasContext: context,
                viewport: viewport
              };
  
              // Render PDF page
              page.render(renderContext);
            });
  </code></pre>