使用嵌入、对象或 iframe 方法更改 PDF 查看器中的背景颜色

Posted

技术标签:

【中文标题】使用嵌入、对象或 iframe 方法更改 PDF 查看器中的背景颜色【英文标题】:Change background color in PDF viewer using either embed, object or iframe methods 【发布时间】:2013-12-06 11:41:41 【问题描述】:

我一直在尝试不同的显示 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>

谢谢!!

【问题讨论】:

大家都解决了吗? 有人找到解决办法了吗? 【参考方案1】:

可以但不能

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

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

欢迎!

【讨论】:

以上是关于使用嵌入、对象或 iframe 方法更改 PDF 查看器中的背景颜色的主要内容,如果未能解决你的问题,请参考以下文章