使用 pdf js 渲染 pdf答案

【问题标题】：Rendering pdf with pdf js使用 pdf js 渲染 pdf
【发布时间】：2019-02-13 23:07:00
【问题描述】：

我正在尝试使用 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-dist 的？内容是什么样的？你能提供一个链接到那个回购吗？您是否尝试过像import * as PDFJS from 'pdfjs-dist'; 一样导入它
该死的我正要尝试这种不同的导入方法并忘记了它，它现在似乎可以工作了：D 谢谢，也许发布答案，所以我可以投票
哈哈，谢谢。

标签： javascript ionic-framework pdfjs

【解决方案1】：

按照您的方式进行导入意味着您要导入的文件必须有一个名为PDFJS 的导出，但它可能没有。要导入整个文件并将导出的任何内容放入变量中，您可以使用以下导入格式：import * as PDFJS from 'pdfjs-dist';

【讨论】：