問題タブ [pdfjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
2393 参照

javascript - pdf.jsでマウスホイールズーム機能を実現するには?

pdf.js は強力ですが、お粗末な文書化されたツールのようです。それを使ってズーム機能を作成する方法を知っている人はいますか? 何かを試しましたが、期待どおりに動作しません。ここにフィドルがあります:http://jsfiddle.net/oeaLzavn/2/

これはコードです:

HTML:

CSS:

JavaScript:

スケールは間違ったパラメータですか? それともCSSだけですか?何か案は?

0 投票する
0 に答える
513 参照

javascript - PDFJはPDFを表示せずに直接印刷します

Silverlight から PDF を印刷して、Silverlight 印刷キューを経由することを避けなければならない (メガファット印刷キューを生成する) ため、PDF.JS を使用して PDF を直接表示/印刷することを考えました。

ツールバーと印刷ボタンを使用してPDFを正しく表示することができました。クリックすると、

これによりprintdialogが正しく開きますが、ブラウザの印刷が呼び出されるため、コンテンツを指定しないと印刷されません

どうにかして PDF コンテンツをウィンドウ プリントに渡すことはできますか?

ありがとう

0 投票する
1 に答える
255 参照

javascript - 最新バージョンのクロムでキャンバスオブジェクトを表示するには?

私はクロムでpdfを表示するためにasp.netでpdfjsを使用しています。出力は、複数の div を持つキャンバス オブジェクトとして表示され、クロム バージョン 42.0.2311.152 dev-m で出力が正しく表示されます。ただし、chrome が最新バージョンの pdfjs 出力に更新されると、表示されません。

Firefox ではそのような問題はありませんが、クロムを使用する必要があります。

inspect 要素を使用すると、クロムの古いバージョン (42.0.2311.152 dev-m) の pdf 表示でレンダリングされます。Chrome の最新バージョンでは、そのような div はレンダリングされません。

pdfjs へのリンクhttps://github.com/mozilla/pdf.js/

0 投票する
1 に答える
3487 参照

javascript - viewer.js ファイルの変更

Mozilla の pdfjs プラグインによると、以下に示すようにクエリ パラメータをviewer.htmlに渡すことで、PDF を表示できます。

これはうまくいっています。しかし、私には別の種類の要件があります。私のプロジェクトの要件は、機能のようなタブを 1 つのページに配置する必要があることです。各タブには pdf ファイルがあります。

そこで、 to のコードをすべてviewer.js大きな関数にしようと考えています。これをコンストラクターとして使用して、各 pdf ファイルをレンダリングできるようにします。このようなもの:

とにかく、プロジェクトに pdfjs のビューアー機能をうまく統合できたら、後で上記の変更を行うことにしました。

私のプロジェクトの概要

  • 単一ページのアプリケーション
  • すべてのテンプレートは、名前のオブジェクト内の単一のファイルに保持されています -templates

そのために、まず body タグ内のすべての html をコピーし、viewer.html新しいプロパティとしてtemplatesオブジェクトに追加しました。次に、必要なすべての依存ファイルを例からプロジェクトのフォルダーにコピーし、それらを動的にロードしました。私が含めたファイルは次のとおりです。

  • pdf.js
  • pdf.worker.js
  • viewer.js
  • l10n.js
  • viewer.css -このファイルを動的にロードしていません。

viewer.htmlファイルを読み込んだ後、 を使用して のテンプレートをレンダリングしていlodashます。それでも、私のプロジェクトでレンダリングされた pdf を見ることができません。これは、すべてが動的に行われているためだと思います。(ただし、すべてが順番にレンダリングされているため、よくわかりません

ところで、ファイルcompressed.tracemonkey-pldi-09.pdfに隣接する名前のデフォルトのpdfを追加しました。index.html何が欠けている可能性がありますか?

Firefox と chrome はエラーをスローしません。

注:私は間違った方法でやっているかもしれません。正しい方向に解決するように私に提案することはかなりの価値があります.

0 投票する
1 に答える
563 参照

javascript - Pdf.js がキャンバス上で一貫性のないテキストをレンダリングする

私はかなり大きな AngularJS アプリを持っています。アプリ内の例のフォルダーから PDF.JS simpleviewer.html コードを統合しました(変更しませんでした)。PDF.JS を使用してコンテナー内 (iframe ではない) の単一ページをレンダリングすると、非常に一貫性のないテキスト レンダリングが発生します。

オリジナル オリジナル 一貫性のない太さ ここに画像の説明を入力 一貫性のないフォント ここに画像の説明を入力

アプリ外のサンプル コードで同じ pdf ファイルを使用すると、常に正しくレンダリングされます。この問題が発生するのは、アプリ内に simpleviewer.html を統合した場合 (1 行も変更しない場合) だけです。

その根本的な原因と考えられるものを教えてください。どの領域で競合を探す必要がありますか?

0 投票する
0 に答える
181 参照

javascript - PDF.js の TextRange.getBoundingClientRect が IE10/IE11 ですべてゼロになる

textRange.getBoundingClientRectは、PDF.js を使用してレンダリングされたページで実行されると、IE10/IE11 ですべてゼロ (左、上、幅、高さなど) を返します。

https://mozilla.github.io/pdf.js/web/viewer.html

getBoundingClientRectメソッドは、Firefox と Chrome では正しい値を提供していますが、IE では提供していません。上記の URL を開き、複数行を選択して、開発者コンソールで次のコードを実行します。

PDF.js DOM を調べた後に私が理解したのは、要素が絶対配置されている場合、IE はすべてゼロを返すということです。次のデモでこの仮定を検証しました。

http://jsfiddle.net/0px1ee59/3/

上記の URL を開いた後、開発者コンソールを開き、テキストを選択してみてください。絶対位置に配置された複数の要素にまたがる選択を行うと、IE はすべてゼロを返します。

だから私の質問は、IEのPDF.jsページで範囲ディメンションを取得する代わりになるものは何ですか?

0 投票する
1 に答える
3825 参照

javascript - pdf.jsを使用してpdfタイトルを取得するには?

質問は次のとおりです。pdf.jsを使用してpdfファイルの名前を取得するにはどうすればよいですか? ノードからpdf.jsの例のバリエーションを実行していますが、それを取得できるかどうか疑問に思っていました。pdf.js の docs/source を検索してきましたが、明らかなものは見つかりませんでした。私はこのコードを使用しています。これは、(これまでのところ) 特定のフォルダー (この場合、このコードが実行されているディレクトリ) で見つかった各ファイルのページ数を示しています。

ファイルの名前は属性などとしてdocオブジェクトにあると思いましたが、ここではそうではないようで、ドキュメントでこれについて何も見つかりませんでした。ここで私が行方不明または間違っていることはありますか?