Incrustación de mapas de bits e imágenes

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

(async () => {
    //  Ruta del archivo de imagen
    const filePath = 'iron.png';

    //  Leer bytes de un archivo usando 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);
      });

    //  Convertir la cadena binaria a base64
    const base64String = btoa(binaryString);

    //  Insertar base64 al elemento img
    const imgHtml = `<img src='data:image/png;base64,${base64String}'>`;

    //  Convertir el contenido HTML con la imagen incrustada en un PDF
    const pdf = PdfDocument.fromHtml(imgHtml).then(
        (returnedPdf)=>{
            //  Guardar el PDF
            returnedPdf.saveAs("embedded_example_1.pdf")
        });
    });
})();

Incrustación de mapas de bits e imágenes

Para garantizar que el contenido HTML no requiera una conexión a Internet para recuperar los datos, las imágenes pueden incrustarse en HTML como base64. Para incrustar una imagen en HTML como base64 es necesario cargar la imagen y convertir su información a base64.

El código anterior utiliza la función fs.readFile para leer el archivo de imagen de forma asíncrona. Dentro de la llamada de retorno de lectura del archivo, convierte los datos binarios del archivo de imagen en una cadena binaria utilizando un bucle. A continuación, esta cadena binaria se convierte en una cadena codificada en base64 mediante la función btoa de JavaScript.

Construye un elemento HTML img con el atributo src configurado con los datos de la imagen codificados en base64. Después, utiliza el método PdfDocument.fromHtml de IronPDF para renderizar el contenido HTML, incluyendo la imagen incrustada, y genera un documento PDF.

Por último, guarde el PDF resultante.