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

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 を作成することでプロセスを調整するメイン関数。
  • IronPdf.PdfDocument.fromHtmlを使用して、HTML コンテンツから PDF ドキュメントを生成します。
  • pdf.saveAsを使用して生成された PDF を保存します。

4.

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

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

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

準備はできましたか?
バージョン: 2025.12 リリース