18720358503 在线客服 人才招聘 返回顶部
企业动态 技术分享 行业动态

pdfobject.js——一款线上浏览PDF的js库

2021-02-11分享 "> 对不起,没有下一图集了!">
动画特效详细介绍 pdfobject.js是一款十分出色的线上PDF访问软件,可以开启当地或网上的PDF文档,而且适用显示信息特定页码,全屏幕显示信息或是显示信息在相匹配的部位,开启的PDF适用放缩、全屏幕、复印等作用。我喜欢模版网的新项目中也采用了这一软件,十分非常好。实际效果以下:

应用方式 1.pdfobject.js官方网站:
2.在html文档中引进这一文档,以pdfobject.min.js为例子
实际效果1:全局性访问PDF,最后实际效果相近3.1,不做演试
 !DOCTYPE html 
 html 
 head 
 meta charset="UTF-8" 
 title 在特定div中访问PDF /title 
 !--在此引进bootstrap只求原始化款式div款式-- 
 link rel="stylesheet" href="css/bootstrap.min.css" / 
 style 
 /* 加上款式是以便完成全屏幕实际效果 */
 html,body{
 height: 100%;
 overflow: hidden;
 #example1{
 height: 100%;
 .pdfobject-container{
 /* height: 500px; */
 .pdfobject{
 /* border: 1px solid #666; */
 /style 
 /head 
 body 
 div id="example1" /div 
 script type="text/javascript" src="js/pdfobject.min.js" /script 
 script 
 // 我的pdf文档放到新项目的pdf文档夹下,姓名称为Java.pdf
 PDFObject.embed("pdf/Java.pdf", "#example1");
 /script 
 /body 
 /html 

实际效果2:在特定部位(当特定部位为部分时)访问PDF
 !DOCTYPE html 
 html 
 head 
 meta charset="UTF-8" 
 title 在特定div中访问PDF /title 
 !--在此引进bootstrap只求原始化款式div款式-- 
 link rel="stylesheet" href="css/bootstrap.min.css" / 
 style 
 html,body{
 height: 100%;
 overflow: hidden;
 /* 加上情况色调是以便便捷查询全部body范畴 */
 background-color: cornflowerblue;
 #example1{
 /* 设定置放PDF的div的款式 */
 height: 50%;
 width: 50%;
 /* PDF器皿款式 */
 .pdfobject-container{
 /* height: 500px; */
 /* PDF款式 */
 .pdfobject{
 /* border: 1px solid #666; */
 /style 
 /head 
 body 
 div id="example1" /div 
 script type="text/javascript" src="js/pdfobject.min.js" /script 
 script 
 // 我的pdf文档放到新项目的pdf文档夹下,姓名称为Java.pdf
 PDFObject.embed("pdf/Java.pdf", "#example1");
 /script 
 /body 
 /html 

实际效果3:特定从是多少页刚开始阅读文章(务必同时特定显示信息PDF的div)
 !DOCTYPE html 
 html 
 head 
 meta charset="UTF-8" 
 title 在特定div中访问PDF /title 
 !--在此引进bootstrap只求原始化款式div款式-- 
 link rel="stylesheet" href="css/bootstrap.min.css" / 
 style 
 /* 加上款式是以便完成全屏幕实际效果 */
 html,body{
 height: 100%;
 overflow: hidden;
 #example1{
 height: 100%;
 .pdfobject-container{
 /* height: 500px; */
 .pdfobject{
 /* border: 1px solid #666; */
 /style 
 /head 
 body 
 div id="example1" /div 
 script type="text/javascript" src="js/pdfobject.min.js" /script 
 script 
 // 我的pdf文档放到新项目的pdf文档夹下,姓名称为Java.pdf,特定PDF从20页刚开始阅读文章
 PDFObject.embed("pdf/Java.pdf", "#example1", {page: "20"});
 /script 
 /body 
 /html 


本站內容假如沒有标明出處,全部权均归本网站,出示完全免费免费下载使用,但不可用以商业服务赢利。假如标明出處,则来源于于互连网,本网站不做商业服务主要用途。假如本网站有內容侵害到您的利益,请致函网站站长电子邮箱,本网站当马上删掉。

联络大家
"> 对不起,没有下一图集了!">
在线咨询