api解析

官網(wǎng)地址

https://pdfobject.com/#api

需要使用到pdfobject.js或者壓縮后的pdfobject.min.js。

1. PDFObject.supportsPDFs（pdfobject的支持類(lèi)型）

   PDFObject不會(huì)去執(zhí)行特殊的第三方pdf閱讀器（Adobe Reader, FoxIt, PDF.js, etc.），假設(shè)你想使用PDF.js，下面會(huì)有具體的使用方式

2. PDFObject.pdfobjectversion（PDFObject的版本檢測(cè)）

返回PDFObject的當(dāng)前版本

示例：

console.log(PDFObject.pdfobjectversion);

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

大多數(shù)情況下會(huì)返回一個(gè)embed嵌入元素，在整合pdf.js的情況下會(huì)返回一個(gè)iframe對(duì)象，或者當(dāng)其無(wú)法嵌入的時(shí)候，返回一個(gè)錯(cuò)誤,

PDFObject的核心在于這個(gè)初始化方法提供了大量的靈活性和功能性，下面的示例將展示：

//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（指定一個(gè)目標(biāo)html節(jié)點(diǎn)）

這個(gè)目標(biāo)參數(shù)可以是html節(jié)點(diǎn)，css選擇器，或者jQuery對(duì)象

示例：

//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（參數(shù)選項(xiàng)）

選項(xiàng)提供了大量的靈活性

• page(初始化的時(shí)候跳轉(zhuǎn)到第幾頁(yè))

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

• id(給嵌入元素一個(gè)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(回調(diào)鏈接，在瀏覽器不支持的情況下，給與一段提示文字和文件下載鏈接)

示例源碼

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