【问题标题】:Converting HTML div to pdf using jsPDF shows doc.fromHTML is not a function使用 jsPDF 将 HTML div 转换为 pdf 显示 doc.fromHTML 不是函数
【发布时间】:2023-08-09 01:03:01
【问题描述】:

我正在尝试使用 jspdf 将 html div 元素转换为 pdf 文件。我已经包含了所有 js 脚本,包括 form_html.js。我仍然收到“TypeError:doc.fromHTML 不是函数”。

<script type="text/javascript" src="jsPDF-master/jspdf.js"></script>
<script type="text/javascript" src="jsPDF-master/jspdf.plugin.addimage.js"></script>
<script type="text/javascript" src="jsPDF-master/jspdf.plugin.cell.js"></script>
<script type="text/javascript" src="jsPDF-master/jspdf.plugin.ie_below_9_shim.js"></script>
<script type="text/javascript" src="jsPDF-master/jspdf.plugin.javascript.js"></script>
<script type="text/javascript" src="jsPDF-master/jspdf.plugin.from_html.js"></script>
<script type="text/javascript" src="jsPDF-master/libs/FileSaver.js/FileSaver.js"></script>
<script type="text/javascript" src="jsPDF-master/jspdf.plugin.sillysvgrenderer.js"></script>
<script type="text/javascript" src="jsPDF-master/jspdf.plugin.split_text_to_size.js"></script>
<script type="text/javascript" src="jsPDF-master/jspdf.plugin.standard_fonts_metrics.js"></script>
<script type="text/javascript" src="jsPDF-master/jspdf.PLUGINTEMPLATE.js"></script>
<script src="jspdf.debug.js"></script>
<script src="jspdf.plugin.from_html.js"></script>

而 javascript 是

jQuery(function($) {
    $("#button1").click(function(){
        var doc = new jsPDF();
        var specialElementHandlers = {
            '#simple': function (element, renderer) {
                return true;
            }
        };           

       var source = $('#simple').html();
       doc.fromHTML(source, 0.5, 0.5, {
            'width': 75,'elementHandlers': specialElementHandlers
        });
        doc.output("dataurlnewwindow");
});
});

请帮我解决这个问题

【问题讨论】:

  • 在 .click 方法之外编写 doc.fromHTML()。
  • 没有帕布。显示错误。 .在所有示例中,它都给出了内部点击功能
  • 大度,需要下载参考FileSaver.js

标签: javascript jquery jspdf fromhtml


【解决方案1】:

我可能是错的,因为我没有运行你的代码,但我注意到你没有在脚本标签中包含一个 jquery 库并且你正在使用一个 jquery 函数。尝试包括 Jquery 并重试希望能解决您的问题..

【讨论】: