Android ：webview显示PDF

最新推荐文章于 2024-07-09 16:10:49 发布

Mars-xq

最新推荐文章于 2024-07-09 16:10:49 发布

阅读量1.6k

点赞数 1

本文链接：https://blog.csdn.net/sinat_31057219/article/details/103491652

版权

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=5.0,minimum-scale=0.5,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>

pdf.min.js中包含：https://unpkg.com/pdfjs-dist@1.9.426/build/pdf.worker.min.js

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

val webSettings = wv_annex.settings
webSettings?.run {
    javaScriptEnabled = true
    javaScriptEnabled = true
    allowFileAccess = true
    allowFileAccessFromFileURLs = true
    allowUniversalAccessFromFileURLs = true
    //
    setSupportZoom(true)
    builtInZoomControls = true;
    useWideViewPort=true
    displayZoomControls=false
}
wv_annex.loadUrl("file:///android_asset/index.html?" + pdfUrl)

Mars-xq

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Android ：webview显示PDF

index.html :<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-s...
复制链接

扫一扫