jsPDF 无法从 HTML 生成 PDF？解决 “TypeError: doc.fromHTML is not a function” 错误

2024-03-18 01:11:38

使用 jsPDF 从 HTML 生成 PDF 时遇到的 “TypeError: doc.fromHTML is not a function” 错误

问题概览

在使用 jsPDF 库从 HTML 元素生成 PDF 时，你可能会遇到 "TypeError: doc.fromHTML is not a function" 错误。这意味着你的 jsPDF 库版本太旧了，不包含 "doc.fromHTML" 函数。

解决方法

为了解决此错误，请确保使用最新版本的 jsPDF 库。当前版本为 2.5.1。更新你的库后，"doc.fromHTML" 函数应该可以使用。

elementHandlers 参数

"elementHandlers" 参数允许你指定如何处理特定的 HTML 元素。例如，如果你想在 PDF 中保留 HTML 元素的样式，则需要使用此参数来指定 CSS 样式处理函数。

如果你不关心 HTML 元素的样式，则可以删除 "elementHandlers" 参数。

代码示例

以下是使用 "doc.fromHTML" 函数的改进代码示例：

function printPDF(object) {
  var section_id = jQuery(object).parent().find('p').text().substr(0, 3).replace('.', '_');
  if (!jQuery('#contentsection' + section_id).length) {
    jQuery(object).parent().parent().parent().before('<div id="contentsection' + section_id + '"></div>');
  }
  var title_block = jQuery(object).parent().parent().parent();
  var text_under_title = jQuery(object).parent().parent().parent().next();
  jQuery('#contentsection' + section_id).append(title_block);
  jQuery('#contentsection' + section_id).append(text_under_title);

  var doc = new jsPDF();
  doc.fromHTML(jQuery('#contentsection' + section_id).html(), 15, 15, {
    'width': 170,
  });
  doc.save('test-file.pdf');
}