api解析

官网地址

https://pdfobject.com/#api

需要使用到pdfobject.js或者压缩后的pdfobject.min.js。

1. PDFObject.supportsPDFs（pdfobject的支持类型）

   PDFObject不会去执行特殊的第三方pdf阅读器（Adobe Reader, FoxIt, PDF.js, etc.），假设你想使用PDF.js，下面会有具体的使用方式

2. PDFObject.pdfobjectversion（PDFObject的版本检测）

返回PDFObject的当前版本

示例：

console.log(PDFObject.pdfobjectversion);

3. PDFObject.embed(url [string], target [mixed], options [object])（PDFObject初始化函数）

大多数情况下会返回一个embed嵌入元素，在整合pdf.js的情况下会返回一个iframe对象，或者当其无法嵌入的时候，返回一个错误,

PDFObject的核心在于这个初始化方法提供了大量的灵活性和功能性，下面的示例将展示：

//embeds a PDF and makes it fill the browser window
PDFObject.embed();//embeds a PDF into the element 
PDFObject.embed(, );//embeds a PDF into the element 
var options = {    height: ,    pdfOpenParams: { view: 'FitV', page: '2' }
};PDFObject.embed(, , options);

4. Specifying a target HTML node（指定一个目标html节点）

这个目标参数可以是html节点，css选择器，或者jQuery对象

示例：

//passes a CSS selector to specify the target
PDFObject.embed(, );

//passes a vanilla HTML node for target
var mynode = document.getElementById();
PDFObject.embed(, mynode);

//passes a jQuery object (HTML node) for target
var $node = $();
PDFObject.embed(, $node);

5. Options（参数选项）

选项提供了大量的灵活性

• page(初始化的时候跳转到第几页)

PDFObject.embed("myfile.pdf", "#my-container", {page: "2"});

• id(给嵌入元素一个id值)

PDFObject.embed("myfile.pdf", "#my-container", {id: "myID"});//outputs 

• width(嵌入元素的宽度)

PDFObject.embed("myfile.pdf", "#my-container", {width: "500px"});//outputs 

• height(嵌入元素的高度)

PDFObject.embed("myfile.pdf", "#my-container", {height: "20rem"});//outputs 

• fallbackLink(回调链接，在浏览器不支持的情况下，给与一段提示文字和文件下载链接)

示例源码

    
    
    
        .pdfobject-container { height: 600px;}
        .pdfobject { border: 1px solid #666; }