2017-10-10 4 views
5

内の既存のPDFファイルのハイライトテキスト私はPDF文書の異なるスタイルを作成することが可能であるライブラリにこのライブラリをAngularJS - フロントエンド/ブラウザ

PDF creation

を発見しました。 AngularJSで既存のpdfファイルのテキストをマークする(おそらくこのマーク付きテキストへのリンクを追加する)可能性があるのでしょうか? これを行うための回避策はありますか?

+0

を読むことができる私は、PDFが既に作成されている場合は、あなたがそれを変更することができないと思いますが、あなたはPDFファイルを生成する場合、はい、あなたは両方を行うことができます。 – aUXcoder

+0

生成されたPDFファイルを表示するためにPdfJSを使用すると、おそらく可能ですが、期待される結果は何ですか?そのファイルはユーザーがダウンロードするか、サーバーにアップロードしますか?それとも? [このスレッド](https://stackoverflow.com/questions/39722961/how-to-highlight-text-with-pdfjs)と[こちらのlibrairy](https://pdf-highlighter.com/docs/Highlighting_PDF_Viewer)を参照してください。 html) –

+0

これはhttp://rawgit.com/MrRio/jsPDF/master/docs/global.html#addHTML https://cdn.rawgit.com/MrRio/jsPDF/master/examples/html2pdf/showcase_supported_htmlで確認できます。 HTMLではなく、IEではなくchrome&firefoxのみで正しく動作しています。 crossbrowserのソリューションをhtml2canvasに行きたい場合はjsPDFを使ってそのキャンバスをpdfに変換してください – Shantanu

答えて

0

質問が多すぎます - 「マーク」の意味が分からない - 何らかの方法で強調表示されているのか、実際に選択されているのですか?

まず、適切なページにアクセスするには、ハイパーリンクのフラグメント識別子を使用して、pageパラメータを使用してPDFの特定のページにリンクします。例えば

<a href="file.pdf#page=1">page 1</a> 
<a href="file.pdf#page=2">page 2</a> 

ページの特定のセクションを強調表示したい場合は、ハイパーリンクを経由して、あなたがhighlightパラメータを使用することができますが、あなたはまた、ハイライトのパラメータを使用するようにページを設定する必要があります。例えば

<a href="file.pdf#page=1&highlight=10,10,50,50">page 1 - highlight</a> 

矩形の値が0,0、左上を表す座標系の整数であり、値が順序LT、RT、上部、BTMに示されています。

nameddestパラメータを使用して、ドキュメントの名前付きセクションである「Named Destination」にPDFファイルを開くこともできます。例えば

<a href="file.pdf#nameddest=mysection">my section</a> 

ページは、挿入されたセクションが常に正しくリンクされるように、など削除された場合、それは問題ではありませんので、これは素晴らしいです。

について、あなたはNamed Destinations hereともvarious Parameters for Opening PDF Files