ビットマップおよび画像の埋め込み

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")
        });
    });
})();

ビットマップおよび画像の埋め込み

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

上記のコードは、fs.readFile 関数を使用して画像ファイルを非同期に読み取ります。ファイル読み取りのコールバック内で、ループを使用して画像ファイルからのバイナリーデータをバイナリ文字列に変換します。このバイナリ文字列は、JavaScriptのbtoa関数を使用してbase64エンコード文字列に変換されます。

HTMLのimg要素を、src属性をbase64エンコードされた画像データに設定して作成します。その後、IronPDFのPdfDocument.fromHtmlメソッドを使用して、埋め込まれた画像を含むHTMLコンテンツをレンダリングし、PDFドキュメントを生成します。

最後に、生成されたPDFを保存します。