這篇文章將為大家詳細(xì)講解有關(guān)pdf文檔用什么打開，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)建站網(wǎng)站建設(shè)服務(wù)商，為中小企業(yè)提供網(wǎng)站建設(shè)、成都做網(wǎng)站服務(wù)，網(wǎng)站設(shè)計，網(wǎng)站托管、服務(wù)器租用等一站式綜合服務(wù)型公司，專業(yè)打造企業(yè)形象網(wǎng)站，讓您在眾多競爭對手中脫穎而出創(chuàng)新互聯(lián)建站。

pdf.js是一款開源的pdf文檔讀取解析插件，據(jù)說在html5下誕生的，對于主流的瀏覽器基本都支持。pdf.js框架的魅力所在無需任何本地支持，瀏覽器支持html5就能支持pdf.js（不過對于低版本的IE，就只能節(jié)哀了！）。

pdf文檔用什么打開

pdf.js主要包含兩個庫文件，一個pdf.js和一個pdf.worker.js，，一個負(fù)責(zé)API解析，一個負(fù)責(zé)核心解析。

pdf文檔用什么打開pdf.js使用實例

首先看一個demo這個viewer我覺得就是PDF.js的最終UI。

參考代碼

1.引入pdf.js，2.解析讀取pdf

functionshowPdf(){

 PDFJS.workerSrc='../build/pdf.worker.js';//加載核心庫

 PDFJS.getDocument(url).then(functiongetPdfHelloWorld(pdf){

  pdf.getPage(1).then(functiongetPageHelloWorld(page){//獲取第一頁數(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)為我們設(shè)置好了預(yù)覽的皮膚和各種事件，因此，我只需要將官方的庫引進(jìn)去，會進(jìn)行本地預(yù)覽即可。

關(guān)于“pdf文檔用什么打開”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

網(wǎng)頁標(biāo)題：pdf文檔用什么打開-創(chuàng)新互聯(lián)
網(wǎng)站路徑：http://jinyejixie.com/article26/iscjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、移動網(wǎng)站建設(shè)、網(wǎng)站制作、搜索引擎優(yōu)化、品牌網(wǎng)站制作、網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)