嵌入位图和图像

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

嵌入位图和图像

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

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

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

1.图片转 Base64 编码：

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

HTML 内容设置：
- img标签中构建包含嵌入base64图像数据的HTML内容。
PDF 生成：
- IronPdf创建PDF。
- 使用IronPdf.PdfDocument.fromHtml从HTML内容生成PDF文档。
- 使用pdf.saveAs保存生成的PDF。