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 Dateilese-Callbacks werden die Binärdaten aus der Bilddatei mit Hilfe einer Schleife in eine Binärzeichenkette umgewandelt. Diese binäre Zeichenfolge wird dann mit der Funktion "btoa" in JavaScript in eine base64-kodierte Zeichenfolge umgewandelt.

Konstruieren Sie ein HTML-Element img mit dem Attribut src, das auf die base64-kodierten Bilddaten gesetzt ist. Anschließend wird mit der IronPDF-Methode PdfDocument.fromHtml der HTML-Inhalt, einschließlich des eingebetteten Bildes, gerendert und ein PDF-Dokument erzeugt.

Speichern Sie schließlich die resultierende PDF-Datei.