真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

怎么在Android中使用PDF.js瀏覽pdf文件

今天就跟大家聊聊有關(guān)怎么在Android中使用PDF.js瀏覽pdf文件,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),豐林企業(yè)網(wǎng)站建設(shè),豐林品牌網(wǎng)站建設(shè),網(wǎng)站定制,豐林網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,豐林網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

一 WebView設(shè)置:

WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
webSettings.setAllowFileAccess(true);
webSettings.setAllowFileAccessFromFileURLs(true);
webSettings.setAllowUniversalAccessFromFileURLs(true);

二 實(shí)現(xiàn)方式

方式一: 使用mozilla部署在github pages上的Viewer

View.loadUrl("http://mozilla.github.io/pdf.js/web/viewer.html?file=" + pdfUrl);

這種方式和使用google docs是差不多一樣的,重要的是國內(nèi)可以直接訪問,但是會遇到跨域的問題。

方式二: 下載PDF.js放到assets目錄下

怎么在Android中使用PDF.js瀏覽pdf文件

如果pdf文件不能跨域訪問的話可以使用這種方式,先把文件下載到本地然后傳入本地文件路徑預(yù)覽pdf:

 mWebView.loadUrl("file:///android_asset/pdfjs/web/viewer.html?file=" + pdfUrl);

PDF.js本身是一個比較大的庫,如果全部放到本地的話apk差不多會增大5m左右。所以我們可以考慮吧PDF.js部署到服務(wù)端或者使用cdn的方式。

方式三:自定義預(yù)覽界面,PDF.js使用cdn的方式導(dǎo)入

1.首先寫一個預(yù)覽的index.html




  
  
  Document
  
    canvas {
      width: 100%;
      height: 100%;
      border: 1px solid black;
    }
  
  
  



2.實(shí)現(xiàn)預(yù)覽index.js

var url = location.search.substring(1);

PDFJS.cMapUrl = 'https://unpkg.com/pdfjs-dist@1.9.426/cmaps/';
PDFJS.cMapPacked = true;

var pdfDoc = null;

function createPage() {
  var div = document.createElement("canvas");
  document.body.appendChild(div);
  return div;
}

function renderPage(num) {
  pdfDoc.getPage(num).then(function (page) {
    var viewport = page.getViewport(2.0);
    var canvas = createPage();
    var ctx = canvas.getContext('2d');

    canvas.height = viewport.height;
    canvas.width = viewport.width;

    page.render({
      canvasContext: ctx,
      viewport: viewport
    });
  });
}

PDFJS.getDocument(url).then(function (pdf) {
  pdfDoc = pdf;
  for (var i = 1; i <= pdfDoc.numPages; i++) {
    renderPage(i)
  }
});

3.WebView加載html

 mWebView.loadUrl("file:///android_asset/index.html?" + pdfUrl);

這樣我們最終放到assets目錄下的就index.html和index.js兩個文件,可以避免直接全部導(dǎo)入帶來的apk體積增大的問題,如果我們對預(yù)覽UI和交互有要求的話可以方便的通過修改html來實(shí)現(xiàn)。

三 遇到的問題

在直接實(shí)現(xiàn)預(yù)覽的時候遇到顯示模糊的問題,通過增大scale系數(shù)解決

var viewport = page.getViewport(2.0);//設(shè)置為2.0

pdf內(nèi)容顯示不完整,通過設(shè)置cMapUrl和cMapPacked解決

PDFJS.cMapUrl = 'https://unpkg.com/pdfjs-dist@1.9.426/cmaps/';
PDFJS.cMapPacked = true;

看完上述內(nèi)容,你們對怎么在Android中使用PDF.js瀏覽pdf文件有進(jìn)一步的了解嗎?如果還想了解更多知識或者相關(guān)內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。


本文標(biāo)題:怎么在Android中使用PDF.js瀏覽pdf文件
網(wǎng)頁路徑:http://weahome.cn/article/ghccgd.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部