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

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 install --save pdf-lib

yarn add pdf-lib

UMDモジュール

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

• https://unpkg.com/pdf-lib/dist/pdf-lib.js
• https://unpkg.com/pdf-lib/dist/pdf-lib.min.js
• https://cdn.jsdelivr.net/npm/pdf-lib/dist/pdf-lib.js
• https://cdn.jsdelivr.net/npm/pdf-lib/dist/pdf-lib.min.js

PDF を作成し、PDF にコンテンツを追加する

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

出力

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

PDFドキュメントの変更

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

出力

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

PDFフォームを作成する

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

出力

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

結論

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

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

類似製品