Bitmaps und Bilder einbetten

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

Bitmaps und Bilder einbetten

Um sicherzustellen, dass HTML-Inhalte keine Internetverbindung benötigen, um Daten abzurufen, können Bilder als base64 in HTML eingebettet werden. Die Einbettung eines Bildes in HTML als base64 erfordert das Laden des Bildes und die Umwandlung seiner Informationen in base64.

Der obige Code verwendet die Funktion fs.readFile, um die Bilddatei asynchron zu lesen. Innerhalb des Dateileserückrufs wird die Binärdaten aus der Bilddatei mithilfe einer Schleife in einen Binärstring umgewandelt. Dieser Binärstring wird dann mit der btoa-Funktion in JavaScript in einen base64-codierten String umgewandelt.

Konstruiere ein HTML-img-Element mit dem src-Attribut, das auf die Base64-kodierten Bilddaten gesetzt ist. Anschließend verwenden Sie die Methode PdfDocument.fromHtml von IronPDF, um den HTML-Inhalt mitsamt dem eingebetteten Bild zu rendern und ein PDF-Dokument zu erstellen.

Speichern Sie schließlich die resultierende PDF-Datei.