使用pdf js渲染pdf

Question

我試圖使用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字段，因為它說無法在DrawingPage.webpackJsonp.155.DrawingPage.renderPDF上設置未定義的屬性“ disableWorker”。 我正在考慮導入的東西，但可以正確完成。

Answer 1

像執行操作一樣進行導入意味着導入的文件必須具有名為PDFJS的導出，而導出可能沒有。 要導入整個文件並將所有導出的內容放置到變量中，可以使用以下導入格式： import * as PDFJS from 'pdfjs-dist';