宣言型 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 は、 ドキュメント定義オブジェクトをディレクティブとして使用します。

類似製品