オープンソース JavaScript PDF 注釈ライブラリ

PDFKitとは何ですか?

PDFKit は、リンク、取り消し線のテキスト、インタラクティブなメモなどの注釈を PDF ファイルに追加するための無料のオープンソース JavaScript ライブラリです。注意すべき重要な点は次のとおりです。PDFKit では既存の PDF ドキュメントを開いたり編集したりすることはできませんので、既存の PDF ドキュメントに注釈を追加することはできませんが、PDFKit ライブラリを使用して最初から PDF ファイルを作成し、注釈を追加することはできます。彼らへ。

PDFKit の主な注釈機能の一部を以下に示します。

• リンクの追加: PDFKit を使用すると、PDF ドキュメント内にクリック可能なリンクを含めることができます。
• 取り消し線付きテキストの追加: PDFKit で生成された PDF 内のテキストに取り消し線効果を適用できます。
• メモの追加: PDFKit を使用すると、PDF ドキュメントにインタラクティブなメモ注釈を挿入できます。

GitHub の統計

名前：
言語：
出演者：
フォーク:
ライセンス：
リポジトリの最終更新日時

PDFKit の使用を開始する

npm パッケージ マネージャーを使用して PDFKit ライブラリをインストールできます。 npm をインストールした後、次のコマンドを入力するだけです。

npm install pdfkit

PDF にリンク注釈を追加する

PDFKit ライブラリのリンク注釈機能を使用して、PDF ドキュメントにハイパーリンクを追加できます。以下のコード スニペットに示すように、X 座標と Y 座標、テキストの高さと幅、および link 関数を使用してハイパーリンクにするためのリンクを提供します。

出力

次の出力には、ハイパーリンクを含む PDF ドキュメントが表示されます。

PDF に取り消し線のテキストを追加する

PDFKit ライブラリが提供する moveTo 関数と lineTo 関数を使用して、PDF ドキュメントに取り消し線のテキストを追加できます。 moveTo 関数はカーソルを線の始点に配置し、lineTo 関数はその始点から終点まで線を引くために使用されます。取り消し線を引くテキスト。詳細については、以下のコード スニペットを確認してください。

出力

出力スクリーンショットには、取り消し線テキストが追加された PDF ドキュメントが表示されます。

インタラクティブなメモを PDF に追加

PDF ドキュメントにインタラクティブなメモを追加して、読者にとってより魅力的なドキュメントにすることができます。これらのインタラクティブなメモは PDF 内でアイコンとして表示され、ユーザーがメモの上にマウスを移動すると、ポップアップ コンテンツが表示されます。必要に応じて X、Y 座標、高さ、幅を調整することで、配置と寸法を完全に制御できます。以下のコード スニペットを試して、PDF にインタラクティブなメモを追加してください。

出力

次のスクリーンショットは、インタラクティブなメモが追加された PDF ドキュメントを示しています。

黄色のアイコンの上にマウスを置くと、以下のように完全なメモが表示されます。

結論

結論として、PDFKit は PDF ドキュメントに注釈を追加するための無料の JavaScript ライブラリです。注釈を追加するための、アクセスしやすくユーザーフレンドリーな方法を提供します。

PDFKit は多くの分野で優れていますが、goTo 関数が期待どおりに機能しないことに注意することが重要です。さらに、note 関数によってコンテンツに余分なスペースが挿入される可能性があり、望ましくない結果が生じる可能性があります。さらに、すでに前述したように、PDFKit で作成された新しい PDF ドキュメントにのみ注釈を追加できます (既存の PDF には追加できません)。これらの不一致により、自動化されたタスクへの適合性について疑問が生じる可能性があります。ただし、PDFKit は、手動による注釈付けやドキュメントのカスタマイズには依然として価値のあるツールです。

類似製品