Incorporação de bitmaps e imagens

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

Incorporação de bitmaps e imagens

Para garantir que o conteúdo HTML não exija uma conexão com a internet para recuperar dados, as imagens podem ser incorporadas ao HTML como base64. Incorporar uma imagem em HTML como base64 requer carregar a imagem e converter suas informações para base64.

A seguir, um exemplo completo que demonstra como ler um arquivo de imagem, convertê-lo em uma string base64 e, em seguida, incorporá-lo em um documento HTML. Por fim, mostra como gerar um PDF a partir desse HTML usando o IronPDF.

Explicação:

Codificação de Imagem para Base64:
- encodeImageToBase64(filePath): Uma função que lê o arquivo de imagem e o converte em uma string base64 de forma assíncrona.
- Usa fs.readFile para ler o arquivo de imagem. Se bem-sucedido, converte os dados em uma string base64 e a resolve.
Configuração do conteúdo HTML:
- createHtmlContent(base64Data): Constrói conteúdo HTML com os dados da imagem base64 embutida dentro de uma tag img.
Geração de PDF:
- generatePdf(filePath): Função principal que orquestra o processo, primeiro chamando encodeImageToBase64 e depois createHtmlContent, seguido pela criação de um PDF via IronPdf.
- Usa IronPdf.PdfDocument.fromHtml para gerar um documento PDF a partir do conteúdo HTML.
- Salva o PDF gerado usando pdf.saveAs.
Execução:
- Chama generatePdf com o caminho para o arquivo de imagem desejado.

Este script combina de forma eficaz a leitura de uma imagem, a conversão para base64 para incorporação em HTML e a renderização de um PDF usando o IronPDF.

Explore o exemplo completo de incorporação de imagens em Base64.

Ver no GitHub