网页中显示pdf的方法

Posted 2020-11-18 zenan

主要用到了PDFObject

下载网址https://github.com/pipwerks/PDFObject

 

代码

 1 1.创建一个容器来容纳你的PDF
 2 
 3 <div id="example1"></div>
 4 告诉PDFObject要嵌入的PDF以及嵌入它的位置
 5 
 6 <script src="/js/pdfobject.js"></script>
 7 <script>PDFObject.embed("/pdf/sample-3pp.pdf", "#example1");</script>
 8 3.您可以选择使用CSS来指定视觉样式，包括尺寸，边框，边距等。
 9 
10 <style>
11 .pdfobject-container { height: 500px;}
12 .pdfobject { border: 1px solid #666; }
13 </style>