Android加载PDF

最新推荐文章于 2024-04-30 22:55:39 发布

你好我是老昜

最新推荐文章于 2024-04-30 22:55:39 发布

阅读量794

点赞数

分类专栏： Android加载PDF 文章标签： android

本文链接：https://blog.csdn.net/weixin_37459943/article/details/114890745

版权

Android加载PDF 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在安卓项目中，加载PDF文件，是一个比较常见的需求;今天总结下用js方式来加载PDF;很简单!!!!

1:首先创建一个assets文件,在assets文件中创建html、js文件;

(1)HTML源码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=4.0,user-scalable=yes"/>
    <title>Document</title>
    <style type="text/css">
    canvas {
      width: 100%;
      height: 100%;
      border: 1px solid black;
    }
    </style>
    <script src="https://unpkg.com/pdfjs-dist@1.9.426/build/pdf.min.js"></script>
    <script type="text/javascript" src="pdf.js"></script>
</head>
<body>
</body>
</html>

(2)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)
  }
});

直接复制拿去用就OK;

2:在activity中使用

(1)在xml中使用webview,都是基础就不贴代码啦

(2)使用如下:

pdfWeb.loadUrl("file:android_asset/pdf.html?" + mPDFUrl);

注:mPDFUrl是服务器返回的PDF的地址;

你好我是老昜

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
Android加载PDF

在安卓项目中，加载PDF文件，是一个比较常见的需求;今天总结下用js方式来加载PDF;很简单!!!!1:首先创建一个assets文件,在assets文件中创建html、js文件;(1)HTML源码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=d
复制链接

扫一扫