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. Dans le callback 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 à l'aide de la fonction btoa en JavaScript.

Construit un élément HTML img avec l'attribut src fixé aux données de l'image encodées en base64. Ensuite, utilisez la méthode PdfDocument.fromHtml d'IronPDF pour rendre le contenu HTML, y compris l'image incorporée, et générer un document PDF.

Enfin, enregistrez le PDF obtenu.