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

import {PdfDocument} from "@ironsoftware/ironpdf";
import fs from 'fs';

(async () => {
    // Image file path
    const filePath = 'iron.png';

    // Read bytes from a file using fs.readFile
    fs.readFile(filePath, (err, data) => {
    if (err) {
        console.error('Error reading file:', err);
        return;
    }

    let binaryString = '';
    data.forEach((byte) => {
        binaryString += String.fromCharCode(byte);
      });

    // Convert the binary string to base64
    const base64String = btoa(binaryString);

    // Insert base64 to img element
    const imgHtml = `<img src='data:image/png;base64,${base64String}'>`;

    // Render HTML content with the embedded image to a PDF
    const pdf = PdfDocument.fromHtml(imgHtml).then(
        (returnedPdf)=>{
            // Save the PDF
            returnedPdf.saveAs("embedded_example_1.pdf")
        });
    });
})();

npm i @ironsoftware/ironpdf

npm i @ironsoftware/ironpdf

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

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

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

説明:

1.画像をBase64エンコードする: encodeImageToBase64(filePath): 画像ファイルを読み込み、非同期でbase64文字列に変換する関数です。画像ファイルを読み込むために fs.readFile を使用し、成功するとデータをbase64文字列に変換し、それを解決します。

HTMLコンテンツの設定: createHtmlContent(base64Data): img タグ内に埋め込まれたbase64画像データでHTMLコンテンツを構築します。
PDF生成: generatePdf(filePath): encodeImageToBase64 と createHtmlContent を呼び出した後、IronPdf を介してPDFを作成することにより、プロセスを調整するメイン関数です。 IronPdf.PdfDocument.fromHtml を使用してHTMLコンテンツからPDFドキュメントを生成します。生成されたPDFは pdf.saveAs を使用して保存されます。