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; }