オープンソース JavaScript PDF エディターライブラリ

PDF ドキュメント、PDF フォームを作成および編集し、PDF 上にコンテンツを描画するための無料のオープンソース JavaScript ライブラリ。

pdf-libとは何ですか?

Pdf-lib は、PDF ドキュメントを操作して、新しい PDF を最初から作成したり、既存の PDF を変更したりするなどの操作を実行するための、無料のオープンソース JavaScript ライブラリです。

pdf-lib の主な機能の一部を次に示します。

PDF の作成と変更: pdf-lib を使用すると、新しい PDF ドキュメントを最初から作成したり、既存の PDF を変更したりできます。これには、ページの追加、削除、再配置とコンテンツの編集が含まれます。
コンテンツの描画: テキスト、画像、PDF ページ、ベクターグラフィックス、さらには SVG パスを描画でき、PDF ドキュメントにさまざまなコンテンツを追加できます。
フォーム処理: インタラクティブなフォームを作成したり、フォームフィールドに入力したり、フォームをフラット化して編集不能にすることができます。これは、さまざまなドキュメント処理タスクに役立ちます。

GitHub の統計

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

pdf-lib の入門

pdf-lib をインストールするには 2 つの方法があります。

NPMモジュール

パッケージマネージャーとして npm または Yarn を使用している場合は、npm モジュールを使用できます。

NPM を使用してインストールする


npm install --save pdf-lib

Yarn を使用してインストールする


yarn add pdf-lib

UMDモジュール

パッケージマネージャーを使用していない場合は、unpkg および jsDelivr CDN で UMD モジュールを利用できます。

PDF の作成と PDF へのコンテンツの追加

pdf-lib ライブラリを利用して PDF ドキュメントを作成し、PDF にコンテンツを追加できます。これには、フォントサイズ、太さ、さまざまなスタイルオプションなど、追加されたテキストの外観をカスタマイズする機能が含まれます。以下の例では、createPdf 関数を使用して新しい PDF ドキュメントを作成し、drawText 関数を使用してテキストの書式設定を含むテキストを PDF に追加します。

出力

次の出力には、上記のコードスニペットによって生成された PDF ドキュメントが表示されます。

PDFドキュメントの変更

pdf-lib ライブラリを使用して、既存の PDF ドキュメントにテキスト、画像、ページなどを追加することで、既存の PDF ドキュメントを変更できます。以下の例では、ローカルディレクトリから入力 PDF ファイルを読み取り、テキストを埋め込み、変更した PDF をデモンストレーションの目的で出力ファイルとして保存します。

出力

以下のスクリーンショットは、赤い斜線のテキストが追加された出力 PDF ドキュメントを示しています。

PDFフォームの作成

pdf-lib ライブラリを使用して独自の PDF フォームを作成することもできます。以下のコードスニペットでは、pdf-lib ライブラリを使用して、テキストフィールド、ラジオボタン、チェックボックス、ドロップダウンメニュー、およびオプションリストを備えたフォームを構築する方法を示します。

出力

以下のスクリーンショットは、上記のコードによって作成されたテーブルを示しています

結論

結論として、pdf-lib は使いやすい PDF 編集ライブラリであり、優れたフォーム処理機能を備えているため、コンテンツ作成からデータ収集に至るまでのタスクにとって貴重なリソースになります。

ただし、pdf-lib はドキュメント化とリソースを大量に消費する操作の処理の点で改善の必要があります。制限はあるものの、pdf-lib を使用すると、開発者は PDF を効率的に管理し、ドキュメントのワークフローを強化できるため、ツールキットへの注目に値する追加となります。

オープンソース JavaScript PDF エディター ライブラリ