title: In PDF.js, how do you hide the canvas and display the underlying text at full opacity?
body: <p>When PDF.js processes a PDF to HTML5, it lays a <code>&lt;canvas&gt;</code> over all the <code>&lt;div&gt;</code> elements containing the text. This canvas is a proper render of the PDF, while the text underneath is quite rough (but sufficient for certain purposes such as searching for words).</p>
  
  <p>Using the <a href="https://mozilla.github.io/pdf.js/web/viewer.html" rel="nofollow noreferrer">PDF.js demo page</a>, I can make the underlying text visible by:</p>
  
  <ol>
  <li><p>Deleting the <code>&lt;canvas&gt;</code> element.</p></li>
  <li><p>Disabling the <code>color: transparent</code> property on the <code>.textLayer</code> class, which acts upon the underlying text.</p></li>
  </ol>
  
  <p>... However, the text remains low-opacity, and I can't find the CSS that's controlling this effect (see below):</p>
  
  <h2>Before - with canvas</h2>
  
  <p><a href="https://i.stack.imgur.com/PBaSX.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PBaSX.jpg" alt="Before - with canvas"></a></p>
  
  <h2>After - having applied the aforementioned two steps</h2>
  
  <p><a href="https://i.stack.imgur.com/Jccz4.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Jccz4.jpg" alt="After - without canvas"></a></p>
  
  <p>Is there a way to manually restore the text back to full opacity using JavaScript? Or better yet, is there a special way to invoke PDF.js so that it presents just the underlying text, and discards the canvas entirely (or disables the canvas for all text usages)?</p>