柚子快報(bào)邀請(qǐng)碼778899分享：pdf Document

http://yzkb.51969.com/

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

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

Document

準(zhǔn)備好js和html后，使用webview對(duì)在線pdf（www.gjtool.cn/pdfh5/git.p…[1] 進(jìn)行加載，

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

運(yùn)行成功后，pdf也加載出來了。

添加雙指縮放

好家伙，終于是加載出了pdf，我滿心歡喜的拿著效果給產(chǎn)品看一看。

“你這是加載出來了，但是字體看著有點(diǎn)小，你看能不能加上雙指縮放的功能”。產(chǎn)品小王看了一眼，

“那必須能啊?！?/p>

將webview設(shè)置為支持縮放狀態(tài)，并且useWideViewPort設(shè)置為true,讓W(xué)ebivew支持meta標(biāo)簽的viewport屬性，

settings?.useWideViewPort?=?true

settings?.builtInZoomControls?=?true

settings?.setSupportZoom(true)

settings?.displayZoomControls?=?false?//不顯示縮放按鈕

并且修改html中的meta屬性，設(shè)置minimum-scale，maximum-scale屬性，以及將user-scalable置為yes，

運(yùn)行成功后，成功

柚子快報(bào)邀請(qǐng)碼778899分享：pdf Document

http://yzkb.51969.com/

參考鏈接