Osadzanie map bitowych i obrazów

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

Osadzanie map bitowych i obrazów

Aby upewnić się, że treść HTML nie wymaga połączenia z internetem w celu pobrania danych, obrazy mogą być osadzone w HTML jako base64. Osadzenie obrazu w HTML jako base64 wymaga załadowania obrazu i przekształcenia jego informacji na base64.

Poniżej znajduje się kompletny przykład pokazujący, jak odczytać plik obrazu, przekonwertować go na ciąg base64, a następnie osadzić w dokumencie HTML. Na koniec pokazuje, jak wygenerować PDF z tego HTML za pomocą IronPDF.

Wyjaśnienie:

Obraz do Kodowania Base64:
- encodeImageToBase64(filePath): Funkcja, która odczytuje plik obrazu i asynchronicznie konwertuje go na ciąg base64.
- Korzysta z fs.readFile, aby odczytać plik obrazu. Jeśli zakończy się sukcesem, konwertuje dane na ciąg base64 i rozwiązuje go.
Konfiguracja treści HTML:
- createHtmlContent(base64Data): Tworzy zawartość HTML z osadzonymi danymi obrazu base64 w tagu img.
Generowanie PDF:
- generatePdf(filePath): Główna funkcja, która organizuje proces, najpierw wywołując encodeImageToBase64, a następnie createHtmlContent, po czym tworzy PDF za pomocą IronPdf.
- Korzysta z IronPdf.PdfDocument.fromHtml, aby wygenerować dokument PDF z zawartości HTML.
- Zapisuje wygenerowany PDF za pomocą pdf.saveAs.
Wykonanie:
- Wywołuje generatePdf z ścieżką do żądanego pliku obrazu.