宣言型 PDF プログラミング JavaScript ライブラリ

pdfmakeとは何ですか?

Pdfmake は、無料でオープンソースの便利な JavaScript ライブラリで、Web アプリケーションで PDF ドキュメントを作成するプロセスを簡素化する優れたツールです。適用するスタイルを使用してテキスト、画像、表などを定義することで PDF ドキュメントの構造を宣言でき、pdfmake が残りの作業を管理して、以下に示すように必要な視覚スタイルで PDF を作成します。

pdfmake の主な機能は次のとおりです。

• PDF の作成: Pdfmake を使用すると、構造化データから PDF ドキュメントを作成できるため、レポート、請求書、フォーム、その他の種類のドキュメントを簡単に生成できます。
• 表の追加: Pdfmake を使用すると、表を簡単に設計して PDF に挿入できるため、表形式のデータの表示や構造化されたレイアウトの維持が簡単になります。
• 画像の追加: Pdfmake を使用すると、PDF ドキュメントに画像を含めることができるため、ロゴ、グラフィック、写真などを組み込んで視覚的な魅力を高めることができます。
• パスワードの追加: Pdfmake は PDF にパスワード保護を追加することをサポートしており、ドキュメントへのアクセスにパスワードを要求することで機密情報を保護します。

GitHub の統計

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

pdfmake を使い始める

npm モジュールを使用して pdfmake ライブラリをダウンロードできます。

NPMを使用したインストール

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

npm install pdfmake

あるいは、以下のように CDN から読み込むこともできます:

• https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.js
• https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.js

PDFドキュメントの作成

pdfmake ライブラリの宣言型アプローチを使用して PDF ドキュメントを作成できます。以下の例に示すように、テキストやハイパーリンクなどのコンテンツをスタイル付きで追加することもできます。

出力

次の出力は、生成された PDF ドキュメントを表示します。

表を含むPDFの作成

pdfmake ライブラリを使用して PDF を作成し、PDF に表を追加することができます。この例では、table ディレクティブを使用して表を作成し、表の設定を構成し、以下に示すように表の見出しや値などのデータを追加します。

出力

以下の出力スクリーンショットには、テーブルが追加された PDF ドキュメントが表示されます。

画像付きPDFの作成

pdfmake ライブラリの宣言的アプローチを使用して、PDF を作成し、PDF に画像を追加することもできます。画像を追加するには image ディレクティブを使用しますが、ローカル ファイル システムから画像を直接使用することはできません。画像を使用するには、以下のコード スニペットに示すように、pdfmake ライブラリによって提供される仮想ファイル システム (VFS) に画像をコピーする必要があります。

出力

次のスクリーンショットは、画像を含む作成された PDF ドキュメントを示しています。

パスワード保護された PDF ドキュメントの作成

pdfmake ライブラリの userPassword ディレクティブを使用してパスワードで保護された PDF ドキュメントを作成し、権限のないユーザーによる PDF ドキュメントへのアクセスを制限することもできます。詳細については、以下のコード スニペットを確認してください。

出力

生成された PDF ドキュメントを開くと、以下のようにパスワードプロンプトが表示されます。

結論

結論として、pdfmake は、ドキュメント定義オブジェクトをディレクティブとして使用する宣言型アプローチにより、PDF 生成機能を備えた使いやすい JavaScript ライブラリです。

類似製品