码迷,mamicode.com
首页 > Web开发 > 详细

网页中显示pdf的方法

时间:2018-05-27 22:10:34      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:嵌入   style   amp   col   span   order   pre   使用   代码   

主要用到了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>

 

网页中显示pdf的方法

标签:嵌入   style   amp   col   span   order   pre   使用   代码   

原文地址:https://www.cnblogs.com/zenan/p/9097565.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!