嵌入位图和图像

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

嵌入位图和图像

为确保 HTML 内容不需要通过互联网连接来检索数据，可以将图像以 base64 的形式嵌入 HTML。在 HTML 中嵌入 base64 图像需要加载图像并将其信息转换为 base64。

下面是一个完整的示例，演示如何读取图像文件，将其转换为 base64 字符串，然后将其嵌入到 HTML 文档中。最后，它展示了如何使用 IronPDF 从此 HTML 生成 PDF。

PdfWriter：此对象负责写入PDF文件。它作用于文件路径，并写入有效PDF文档所需的结构。

1.图片转 Base64 编码：

encodeImageToBase64(filePath)：一个异步读取图像文件并将其转换为 base64 字符串的函数。
使用 fs.readFile 读取图像文件。若读取成功，将数据转换为 base64 字符串并进行解码。

HTML 内容设置：
- createHtmlContent(base64Data)：在 img 标签内构建包含嵌入式 base64 图像数据的 HTML 内容。
PDF 生成：
- generatePdf(filePath)：主要函数，负责协整个流程：首先调用 encodeImageToBase64，接着调用 createHtmlContent，最后通过 IronPdf 生成 PDF。
- 使用 IronPdf.PdfDocument.fromHtml 从 HTML 内容生成 PDF 文档。
- 使用 pdf.saveAs 保存生成的 PDF。