手机应用中pdf展示使用非常广泛, 一些pdf由于特殊的内容比如文字、电子签章必须使用复杂的解析器来解析,当使用MultiPdf 这个库加载,会使得包变得非常庞大, 这里我们考虑使用pdf.js 来解析pdf.
引用非常简单,只需要把js相关文件放到assets文件夹中即可,然后通过webview来加载。android 使用H5加载非常缓慢。这里pdfUrl是本地路径。,这里要注意路径问题viewer.html的路径。
mWebView.loadUrl("file:///android_asset/pdfjs/web/viewer.html?file=" + pdfUrl)
使用过程中会有两个问题:
电子签章(electronic signature):
解决办法:pdf.worker.js注意注释这一行代码
data.readOnly = _this2.hasFieldFlag(_util.AnnotationFieldFlag.READONLY);if (data.fieldType === 'Sig') {
// _this2.setFlags(_util.AnnotationFlag.HIDDEN);}return _this2;
部分机型出现文字混乱问题:
解决办法:pdf.worker.js 加载文字这个地方增加动态码 Math.floor(Math.random()*9999).toString()
(0, _util.assert)(fontID, 'The "fontID" must be defined.');font.loadedName = 'g_' + Math.floor(Math.random()*9999).toString() + this.pdfManager.docId + '_f' + fontID;font.translated = fontCapability.promise;