Incorporation de bitmaps et d’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")
        });
    });
})();

Incorporation de bitmaps et d’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 intégré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.

Ci-dessous un exemple complet qui montre comment lire un fichier image, le convertir en une chaîne base64, puis l'intégrer dans un document HTML. Enfin, il montre comment générer un PDF à partir de cet HTML en using IronPDF.

Explication :

Image vers encodage Base64:
- encodeImageToBase64(filePath): Une fonction qui lit le fichier image et le convertit en une chaîne base64 de manière asynchrone.
  Utilise fs.readFile pour lire le fichier image. En cas de succès, convertit les données en une chaîne base64 et la résout.
Configuration du contenu HTML:
- createHtmlContent(base64Data): Construit du contenu HTML avec les données d'image base64 intégrées dans une balise img.
Génération de PDF:
- generatePdf(filePath): Fonction principale qui orchestre le processus en appelant d'abord encodeImageToBase64 puis createHtmlContent, suivi de la création d'un PDF via IronPdf.
- Utilise IronPdf.PdfDocument.fromHtml pour générer un document PDF à partir du contenu HTML.
- Enregistre le PDF généré en utilisant pdf.saveAs.
Exécution:
- Appelle generatePdf avec le chemin d'accès au fichier image souhaité.