Intégrer des bitmaps et des images

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

Intégrer des bitmaps et des images

Pour s'assurer que le contenu HTML ne nécessite pas de connexion internet pour récupérer les données, les images peuvent être incorporées dans le HTML en tant que base64. L'intégration d'une image dans HTML en tant que base64 nécessite le chargement de l'image et la conversion de ses informations en base64.

Le code ci-dessus utilise la fonction fs.readFile pour lire le fichier image de manière asynchrone. À l'intérieur du rappel de lecture de fichier, il convertit les données binaires du fichier image en une chaîne binaire à l'aide d'une boucle. Cette chaîne binaire est ensuite convertie en une chaîne encodée en base64 en utilisant la fonction btoa en JavaScript.

Construire un élément HTML img avec l'attribut src défini sur les données d'image encodées en base64. Ensuite, utilisez la méthode PdfDocument.fromHtml d'IronPDF pour rendre le contenu HTML, y compris l'image intégrée, et générer un document PDF.

Enfin, enregistrez le PDF obtenu.