我试图使用pdfjs库渲染pdf,但是我被卡住了:我在IONIC应用中使用它。下面是我的代码:
import { PDFJS } from "pdfjs-dist";
renderPDF(url, canvasContainer) {
var options = options || { scale: 1 };
function renderPage(page) {
var viewport = page.getViewport(options.scale);
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
var renderContext = {
canvasContext: ctx,
viewport: viewport
};
canvas.height = viewport.height;
canvas.width = viewport.width;
canvasContainer.appendChild(canvas);
page.render(renderContext);
}
function renderPages(pdfDoc) {
for(var num = 1; num <= pdfDoc.numPages; num++)
pdfDoc.getPage(num).then(renderPage);
}
console.log(PDFJS)
PDFJS.disableWorker = true;
PDFJS.getDocument(url).then(renderPages);
}
我在NgOnInit中调用它,我遇到的问题是PDFJS字段,因为它说无法设置未定义的属性“ disableWorker”
在DrawingPage.webpackJsonp.155.DrawingPage.renderPDF中。我正在考虑导入的东西,但可以正确完成。
最佳答案
像执行操作一样进行导入意味着导入的文件必须具有名为PDFJS
的导出,而导出可能没有。要导入整个文件并将所有导出的内容放置到变量中,可以使用以下导入格式:import * as PDFJS from 'pdfjs-dist';