angular - 如何在 Angular 项目中导入 PDFjs-dist 以了解 pdf 文件的视口(viewport)

Question

我想在 Angular 项目中使用 pdfjs-dist 包。如何导入它的 Angular 项目

我安装它使用
npm install --save pdfjs-dist
但不知道如何导入特定组件并使用它

Answer 1

安装后，在package.json看起来像这样

 "dependencies": {
    ...
    "pdfjs-dist": "^2.2.228",
    ...
    }

1)现在在组件中你可以像这样导入它

import * as pdfjsLib from 'pdfjs-dist';

2)现在你可以像下面的例子一样使用它

yourMethodName() {
    pdfjsLib.GlobalWorkerOptions.workerSrc = '//mozilla.github.io/pdf.js/build/pdf.worker.js';
    const loadingTask = pdfjsLib.getDocument('https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/examples/learning/helloworld.pdf');
    loadingTask.promise.then(function(pdf) {
    console.log(pdf);
    });
}