Android展示PDF文件（文字，签章，签名）

explorer..

已于 2022-04-14 17:48:31 修改

阅读量1.5k

点赞数 2

文章标签： java

于 2021-05-13 10:40:01 首次发布

本文链接：https://blog.csdn.net/qq_44624237/article/details/116740208

版权

第一种方式

导入依赖

implementation 'com.github.barteksc:android-pdf-viewer:2.8.2'

layout文件代码

<com.github.barteksc.pdfviewer.PDFView
    android:id="@+id/pdf_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

activity文件代码

//调用getPdf传入要展示的地址即可实现
private void getPdf(String url) {

    final InputStream[] input = new InputStream[1];
    new AsyncTask<Void, Void, Void>() {
        @SuppressLint({"WrongThread", "StaticFieldLeak"})
        @Override
        protected Void doInBackground(Void... voids) {
            try {
                input[0] = new URL(url).openStream();
            } catch (IOException e) {
                e.printStackTrace();
            }
            return null;
        }
        @Override
        protected void onPostExecute(Void aVoid) {
            super.onPostExecute(aVoid);
            pdfView.fromStream(input[0])
                    .enableAnnotationRendering(true)
                    .load();
        }
    }.execute();
}

第二种方式

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

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"/>-->
    <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="index.js"></script>
</head>
<body>
</body>
</html>

将js 和 html导入项目的assets下
xml

  <WebView
        android:id="@+id/webview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

activity

       WebSettings webSettings = webview.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webSettings.setAllowFileAccess(true);
        webSettings.setAllowFileAccessFromFileURLs(true);
        webSettings.setAllowUniversalAccessFromFileURLs(true);
        webSettings.setBuiltInZoomControls(true);
        webSettings.setDisplayZoomControls(true);
        webSettings.setSupportZoom(true);
        webSettings.setUseWideViewPort(true);
        // 这里是关键
          webview.loadUrl("file:///android_asset/index.html?"+“展示的url地址”);

explorer..

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
3
评论
Android展示PDF文件（文字，签章，签名）

导入依赖implementation 'com.github.barteksc:android-pdf-viewer:2.8.2'layout文件代码<com.github.barteksc.pdfviewer.PDFView android:id="@+id/pdf_view" android:layout_width="match_parent" android:layout_height="match_parent"/>activity代码//调用ge
复制链接

扫一扫