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

时间:2013-11-21 19:49:36

标签: html5 pdf iframe background embed

我一直在玩不同的显示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 个答案:

答案 0 :(得分:0)

可以但不能

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

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

欢迎!