嵌入位图和图像

string(12) "点击复制"

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 字符串并进行解析。

2.HTML内容设置：

createHtmlContent(base64Data): 使用 img 标签内嵌入的 base64 图像数据构建 HTML 内容。

3.PDF生成：

generatePdf(filePath): 主函数，通过首先调用 encodeImageToBase64，然后调用 createHtmlContent，再通过 IronPdf 创建 PDF 来协调该过程。
使用 IronPdf.PdfDocument.fromHtml 从 HTML 内容生成 PDF 文档。
使用 pdf.saveAs 保存生成的 PDF。

4.执行：