實(shí)現(xiàn)原理
通過(guò)pdfjs-dist讀取并解析pdf文檔污朽，把獲取到的 pbf 的文件的數(shù)據(jù)流馍忽， 利用 canvas轉(zhuǎn)換成圖片
-
pdfjs-dist版本為^4.0.379 - trun.js(實(shí)現(xiàn)翻頁(yè)效果)
遇到的問(wèn)題
問(wèn)題1
pdf.js:8715 Uncaught (in promise) Error: No "GlobalWorkerOptions.workerSrc" specified.
at getWorkerSrc (pdf.js:8715)
at PDFWorker_initialize [as _initialize] (pdf.js:8798)
at new PDFWorker (pdf.js:8776)
at Object.getDocument (pdf.js:7991)
at s.loadFile (PDF.vue:88)
at mysubinfos.vue:295
import PDFJS from 'pdfjs-dist'
import pdfjsWorker from 'pdfjs-dist/build/pdf.worker.entry'
PDFJS.GlobalWorkerOptions.workerSrc = pdfjsWorker
問(wèn)題2
Class private methods are not enabled. Please add
@babel/plugin-transform-private-methodsto your
npm list @babel/plugin-transform-private-methods
- babel.config.js
module.exports = {
plugins: [
'@babel/plugin-transform-private-methods'
]
}
demo地址
https://gitee.com/sgr0423/pdf-trun.git
