這篇文章將為大家詳細(xì)講解有關(guān)pdf文檔用什么打開,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)建站網(wǎng)站建設(shè)服務(wù)商,為中小企業(yè)提供網(wǎng)站建設(shè)、成都做網(wǎng)站服務(wù),網(wǎng)站設(shè)計(jì),網(wǎng)站托管、服務(wù)器租用等一站式綜合服務(wù)型公司,專業(yè)打造企業(yè)形象網(wǎng)站,讓您在眾多競(jìng)爭(zhēng)對(duì)手中脫穎而出創(chuàng)新互聯(lián)建站。pdf.js是一款開源的pdf文檔讀取解析插件,據(jù)說在html5下誕生的,對(duì)于主流的瀏覽器基本都支持。pdf.js框架的魅力所在無(wú)需任何本地支持,瀏覽器支持html5就能支持pdf.js(不過對(duì)于低版本的IE,就只能節(jié)哀了?。?。
pdf文檔用什么打開
pdf.js主要包含兩個(gè)庫(kù)文件,一個(gè)pdf.js和一個(gè)pdf.worker.js,,一個(gè)負(fù)責(zé)API解析,一個(gè)負(fù)責(zé)核心解析。
pdf文檔用什么打開pdf.js使用實(shí)例
首先看一個(gè)demo這個(gè)viewer我覺得就是PDF.js的最終UI。
參考代碼
1.引入pdf.js,2.解析讀取pdf
functionshowPdf(){
PDFJS.workerSrc='../build/pdf.worker.js';//加載核心庫(kù)
PDFJS.getDocument(url).then(functiongetPdfHelloWorld(pdf){
pdf.getPage(1).then(functiongetPageHelloWorld(page){//獲取第一頁(yè)數(shù)據(jù)
varscale=1.5;
varviewport=page.getViewport(scale);
//PreparecanvasusingPDFpagedimensions
varcanvas=document.getElementById('the-canvas');
varcontext=canvas.getContext('2d');
canvas.height=viewport.height;
canvas.width=viewport.width;
//RenderPDFpageintocanvascontext
varrenderContext={
canvasContext:context,
viewport:viewport
};
page.render(renderContext);
});
});
}
3.設(shè)置html標(biāo)簽
<ahref="JavaScript:void(0)"target="_blank"onclick="showPdf()">顯示pdf文檔</a
<canvasid="the-canvas"></canvas>
4.通過調(diào)用API自己解析,通常,我們直接使用官網(wǎng)的Demo,比如viewer.html,官方已經(jīng)為我們?cè)O(shè)置好了預(yù)覽的皮膚和各種事件,因此,我只需要將官方的庫(kù)引進(jìn)去,會(huì)進(jìn)行本地預(yù)覽即可。
關(guān)于“pdf文檔用什么打開”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。
網(wǎng)頁(yè)標(biāo)題:pdf文檔用什么打開-創(chuàng)新互聯(lián)
網(wǎng)站路徑:http://aaarwkj.com/article26/iscjg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站制作、搜索引擎優(yōu)化、品牌網(wǎng)站制作、網(wǎng)站設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容