web-dev-qa-db-ja.com

PDFファイルのビューポートを知るために、angularプロジェクトのPDFJS-DISTをインポートする方法

angularプロジェクトでpdfjs-distパッケージを使用したいのですが。インポート方法angularプロジェクト

私はそれを使ってインストールしました

_npm install --save pdfjs-dist_

しかし、特定のコンポーネントへのインポート方法を知らず、

angularpdfjs
4
Jakka rohith

インストール後、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);
    });
}
 _
1
coder