【移动应用开发技术】怎么在Android中使用PDF.js浏览pdf文件_第1页
【移动应用开发技术】怎么在Android中使用PDF.js浏览pdf文件_第2页
【移动应用开发技术】怎么在Android中使用PDF.js浏览pdf文件_第3页
免费预览已结束，剩余1页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

【移动应用开发技术】怎么在Android中使用PDF.js浏览pdf文件

今天就跟大家聊聊有关怎么在Android中使用PDF.js浏览pdf文件，可能很多人都不太了解，为了让大家更加了解，在下给大家总结了以下内容，希望大家根据这篇文章可以有所收获。一WebView设置：WebSettings

webSettings

=

mWebView.getSettings();

webSettings.setJavaScriptEnabled(true);

webSettings.setAllowFileAccess(true);

webSettings.setAllowFileAccessFromFileURLs(true);

webSettings.setAllowUniversalAccessFromFileURLs(true);二实现方式方式一:使用mozilla部署在githubpages上的ViewerView.loadUrl("http://mozilla.github.io/pdf.js/web/viewer.html?file="

+

pdfUrl);这种方式和使用googledocs是差不多一样的，重要的是国内可以直接访问，但是会遇到跨域的问题。方式二:下载PDF.js放到assets目录下如果pdf文件不能跨域访问的话可以使用这种方式，先把文件下载到本地然后传入本地文件路径预览pdf：

mWebView.loadUrl("file:///android_asset/pdfjs/web/viewer.html?file="

+

pdfUrl);PDF.js本身是一个比较大的库，如果全部放到本地的话apk差不多会增大5m左右。所以我们可以考虑吧PDF.js部署到服务端或者使用cdn的方式。方式三:自定义预览界面，PDF.js使用cdn的方式导入1.首先写一个预览的index.html<!DOCTYPE

html>

<html

lang="en">

<head>

<meta

charset="UTF-8">

<meta

name="viewport"

content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>

<title>Document</title>

<style

type="text/css">

canvas

{

width:

100%;

height:

100%;

border:

1px

solid

black;

}

</style>

<script

src="/pdfjs-dist@1.9.426/build/pdf.min.js"></script>

<script

type="text/javascript"

src="index.js"></script>

</head>

<body>

</body>

</html>2.实现预览index.jsvar

url

=

location.search.substring(1);

PDFJS.cMapUrl

=

'/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两个文件，可以避免直接全部导入带来的apk体积增大的问题，如果我们对预览UI和交互有要求的话可以方便的通过修改html来实现。三遇到的问题在直接实现预览的时候遇到显示模糊的问题，通过增大scale系数解决var

viewport

=

page.getViewpor

人人文库> 全部分类> 专业文献 > IT计算机

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论