Рендеринг PDF с PDF JS - PullRequest
Новая
       5

Рендеринг PDF с PDF JS

0 голосов
/ 09 сентября 2018

Я пытаюсь отобразить pdf с использованием библиотеки pdfjs, но я застрял: я использую его в приложении 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. Я думаю, что это что-то с импортом, но могу сделать это правильно ..

1 Ответ

0 голосов
/ 09 сентября 2018

Выполнение импорта аналогично тому, как вы это делаете, означает, что импортируемый файл должен иметь экспорт с именем PDFJS, чего не может быть. Чтобы импортировать весь файл и поместить все, что экспортируется в переменную, вы можете использовать этот формат импорта: import * as PDFJS from 'pdfjs-dist';

...