使用嵌入、对象或 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 查看器中的背景颜色的主要内容,如果未能解决你的问题,请参考以下文章

HTML 嵌入式 PDF iframe

使用 iframe 时,嵌入式 base64 pdf 不会在 IE 中显示

如何阻止 wordpress 剥离或更改我的 html 代码,以便我可以在文本块中添加嵌入式 iframe?

如何在 HTML 页面中嵌入 PDF?

如何在没有 iframe 的页面中嵌入 PDF.JS 查看器

我可以更改 Google Maps 嵌入式地图 (iframe) 中的标记吗?