Incrustación de mapas de bits e imágenes

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

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.