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

PDFKitとは何ですか?

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

以下は PDFKit の主な注釈機能の一部です。

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

GitHub の統計

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

PDFKitを使い始める

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

npm install pdfkit

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

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

出力

次の出力は、ハイパーリンクを含む 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 は手動で注釈を付けたり、ドキュメントをカスタマイズしたりするための貴重なツールです。

類似製品