Webview加载pdf遇到的一些坑及解决方法，前端编程开发

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)

}

});

新建Html

<meta name=“viewport”

content=“width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=4.0,user-scalable=no”/>

准备好js和html后，使用webview对在线pdf（www.gjtool.cn/pdfh5/git.p…[1] 进行加载，

webView?.loadUrl(“file:///android_asset/index.html?https://www.gjtool.cn/pdfh5/git.pdf”);

运行成功后，pdf也加载出来了。

添加双指缩放

---

好家伙，终于是加载出了pdf，我满心欢喜的拿着效果给产品看一看。

“你这是加载出来了，但是字体看着有点小，你看能不能加上双指缩放的功能”。产品小王看了一眼，

“那必须能啊。”

将webview设置为支持缩放状态，并且useWideViewPort设置为true,让Webivew支持meta标签的viewport属性，

settings?.useWideViewPort = true

settings?.builtInZoomControls = true

settings?.setSupportZoom(true)

settings?.displayZoomControls = false //不显示缩放按钮

并且修改html中的meta属性，设置minimum-scale，maximum-scale属性，以及将user-scalable置为yes，

运