使用embed,object或iframe方法更改PDF查看器中的背景颜色

Question

我一直在玩不同的显示PDF的方法,目的是找到一种将灰色背景改为白色的方法.

这是一个使用对象标签的简单示例(我使用embed和iframe标签获得相同的结果):

http://jsfiddle.net/5CALy/7/

HTML

  <object data='https://dl.dropboxusercontent.com/u/58922976/test.pdf#view=FitH&scrollbar=0&toolbar=0&statusbar=0&messages=0&navpanes=0' 
        type='application/pdf' 
        width='84%' 
        height='110px'>

<p>It appears your Web browser is not configured to display PDF files. 
No worries, just <a href='https://dl.dropboxusercontent.com/u/58922976/test.pdf'>click here to download the PDF file.</a></p>
</object>

谢谢!!

Answer 1

你可以但不能！

我的意思是，每个浏览器（Chrome、Edge、Firefox、Safari 等）都使用自己的 PDF 引擎来显示嵌入的 PDF 文件。您可以使用 JavaScript 或 jQuery 来检测具有灰色的元素并将其更改为白色，但您必须对市场上的每个浏览器执行此操作，这几乎是不可能的。此外，Web 浏览器不为此提供 API。

唯一更好的解决方案是制作自己的 PDF 查看器：您可以使用此https://mozilla.github.io/pdf.js/开源包（由 Mozilla 提供）来完成它。

欢迎！