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

npm i @ironsoftware/ironpdf

npm i @ironsoftware/ironpdf

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 avec IronPDF.

Explication :

Encodage Image en 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. Si réussi, convertit les données en une chaîne base64 et les résout.
Configuration du Contenu HTML :
- createHtmlContent(base64Data) : Construit le 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, suivie de la création d'un PDF via IronPdf.
- Utilise IronPdf.PdfDocument.fromHtml pour générer un document PDF à partir du contenu HTML.
- Économise le PDF généré en utilisant pdf.saveAs.
Exécution :
- Appelle generatePdf avec le chemin vers le fichier image souhaité.