ビットマップと画像の埋め込み

HTMLコンテンツがデータを取得するためにインターネット接続を必要としないようにするために、画像をbase64としてHTMLに埋め込むことができます。画像をbase64としてHTMLに埋め込むには、画像を読み込み、その情報をbase64に変換する必要があります。

以下は、画像ファイルを読み取り、それを base64 文字列に変換し、HTML ドキュメントに埋め込む方法を示す完全な例です。 最後に、IronPDF を使用してこの HTML から PDF を生成する方法を示します。

説明:

1.画像からBase64エンコーディングへ:

  • encodeImageToBase64(filePath): 画像ファイルを読み取り、非同期的に base64 文字列に変換する関数。
  • fs.readFile を使用して画像ファイルを読み取ります。成功した場合、データをbase64文字列に変換して解決します。

2.HTMLコンテンツのセットアップ:

  • createHtmlContent(base64Data): img タグ内に埋め込まれた base64 画像データを使用して HTML コンテンツを構築します。

3.PDF生成:

  • generatePdf(filePath): 最初に encodeImageToBase64 を呼び出し、次に createHtmlContent を呼び出し、最後に IronPdf を介して PDF を作成することでプロセスを調整するメイン関数。
  • HTML コンテンツから PDF ドキュメントを生成するために IronPdf.PdfDocument.fromHtml を使用します。
  • 生成された PDF を pdf.saveAs を使用して保存します。

4.実行:

  • 目的の画像ファイルへのパスを指定して generatePdf を呼び出します。

このスクリプトは、画像の読み取り、HTML 埋め込み用の base64 への変換、IronPDF を使用した PDF のレンダリングを効果的に組み合わせます。

完全なBase64画像埋め込み例を見る

準備はできましたか?
バージョン: 2026.3 リリース
Still Scrolling Icon

まだスクロールしていますか?

すぐに証拠が欲しいですか?
サンプルを実行するHTML が PDF に変換されるのを確認します。