jspdf 自定义页眉页脚

jspdf 是一个用于生成 PDF 文件的 JavaScript 库。要自定义页眉和页脚，需要使用 jspdf 的 addHTML 函数来添加 HTML 元素，并在其中添加页眉和页脚。

以下是一个示例代码，其中添加了一个自定义的页眉和页脚：

// 创建 PDF 对象
var doc = new jsPDF();

// 设置页眉
var header = function() {
  doc.setFontSize(18);
  doc.setTextColor(40);
  doc.setFontStyle('normal');
  doc.text("My Custom Header", doc.internal.pageSize.width / 2, 20, 'center');
};

// 设置页脚
var footer = function() {
  var pageCount = doc.internal.getNumberOfPages();
  doc.setFontSize(10);
  doc.text("Page " + doc.internal.getCurrentPageInfo().pageNumber + "/" + pageCount, doc.internal.pageSize.width - 10, doc.internal.pageSize.height - 10);
};

// 添加内容
doc.addHTML(document.body, function() {
  // 添加页眉
  header();

  // 添加页脚
  footer();

  // 保存 PDF 文件
  doc.save('my_pdf_file.pdf');
});

在这个示例中，我们首先定义了一个名为 `header` 的函数，它用于设置页眉。该函数将文本居中放置在页面顶部，并使用 18 点字体大小和普通字体样式进行渲染。

接下来，我们定义了一个名为 `footer` 的函数，它用于设置页脚。该函数将当前页面号和总页数渲染到页面底部右侧，并使用 10 点字体大小进行渲染。

最后，我们使用 `addHTML` 函数将 HTML 元素添加到 PDF 文件中，并在添加完成后调用 `header` 和 `footer` 函数来添加页眉和页脚。最后，我们调用 `save` 函数保存 PDF 文件。

请注意，在本示例中，我们使用 `document.body` 作为要添加到 PDF 文件中的 HTML 元素。你可以使用任何其他 HTML 元素，只要它们包含你想要添加到 PDF 文件的内容即可。