android webview 加载在线pdf

最新推荐文章于 2024-03-30 20:19:59 发布

辉常惊喜

最新推荐文章于 2024-03-30 20:19:59 发布

阅读量462

点赞数 2

文章标签： android pdf webview

本文链接：https://blog.csdn.net/weixin_45642850/article/details/134296593

版权

pdf.js

var url = location.search.substring(1);
pdfjsLib.cMapUrl = 'https://unpkg.com/pdfjs-dist@2.3.200/cmaps/';
pdfjsLib.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({scale:2.0});
        var canvas = createPage();
        var ctx = canvas.getContext('2d');
        canvas.height = viewport.height;
        canvas.width = viewport.width;
        page.render({
            canvasContext: ctx,
            viewport: viewport
        });
    });
}
pdfjsLib.getDocument(url).promise.then(function (pdf) {
    pdfDoc = pdf;
    for (var i = 1; i <= pdfDoc.numPages; i++) {
        renderPage(i)
    }
});

pdf.html

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

2、设置webview相关功能，并加载pdf

		webview.getSettings().setDefaultTextEncodingName("UTF-8");
        //支持js
        webview.getSettings().setJavaScriptEnabled(true);
        //设置自适应屏幕，两者合用
        webview.getSettings().setUseWideViewPort(true);  //将图片调整到适合webview的大小
        webview.getSettings().setLoadWithOverviewMode(true); // 缩放至屏幕的大小
        //设置WebView视图大小与HTML中viewport Tag的关系
        webview.getSettings().setUseWideViewPort(true);
        webview.getSettings().setLoadWithOverviewMode(true);
        //设置支持缩放
        webview.getSettings().setBuiltInZoomControls(true);
        webview.getSettings().setSupportZoom(true);
        webview.getSettings().setDisplayZoomControls(false);
        webview.getSettings().setAllowUniversalAccessFromFileURLs(true); //设置可以访问URL
//加载在线pdf
webview.loadUrl("file:///android_asset/pdf.html?"+"在线pdf地址");