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

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

以下は、画像ファイルを読み込んでbase64文字列に変換し、HTML文書に埋め込む方法を示す完全な例です。 最後に、このHTMLからIronPDFを使ってPDFを生成する方法を示します。

説明:

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

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

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

  • 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.11 ただ今リリースされました