使用 jsPDF 在 Nodejs 上创建 PDF 文件时出错答案

【问题标题】：Error creating PDF files on Nodejs with jsPDF使用 jsPDF 在 Nodejs 上创建 PDF 文件时出错
【发布时间】：2018-01-10 07:27:32
【问题描述】：

我正在尝试使用 jsPDF，并创建了一个简单的示例，如下所示。但是，发生了错误，我不明白原因，因为一切似乎都是正确的：Uncaught SyntaxError: Unexpected token <。所有必需的文件都在同一个目录中。

Html_to_pdf.html

<!DOCTYPE>
<html>
    <head>
        <title>PDF to HTML test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" src="jspdf.min.js" ></script>
        <script type="text/javascript" src="html2canvas.js" ></script>

        <script type="text/javascript">

            function genPDF() {
                html2canvas(document.body, {
                    onrendered: function(canvas) {
                        var img = canvas.toDataURL("image/png");
                        var doc = new jsPDF();
                        doc.addImage(img, 'JPEG', 20, 20);
                        doc.save('test.pdf');
                    }
                });
            }        

        </script>

    </head>
    <body>
        <h1>jsPDF Test</h1>

        <a href="javascript:genPDF()">Download PDF</a>

        <div id="testDiv">
            <h1>Example Header</h1>
            <input type="text"/>
            <input type="submit" value="button" />
            <br><br>
            <img src="flores.jpg" width="600" height="450" />

        </div>

    </body>
</html>

【问题讨论】：

标签： node.js jspdf html2canvas

【解决方案1】：

已解决：

即使使用--save 或全局使用-g 重新安装jsPDF，问题仍然存在。为了解决这个问题，我必须将 jspdf.min.js 和 html2canvas.js 文件复制到我的应用程序的 public/ 目录中。

我的 PDF javascript 看起来像这样：

<script type="text/javascript">
    var dtTime = "03/08/2017";

    function genPDF() {
        //html2canvas(document.body, {
        html2canvas(document.getElementById("toPdf"), {
        onrendered: function(canvas) {
            var imgLogo = 'data:image/jpeg;base64..................';

            var doc = new jsPDF();

            doc.addImage(imgLogo, 'JPEG', 15, 10);
            doc.setTextColor(187, 2, 2);
            doc.text('TEXT TEXT TEXT TEXT ', 20, 40);
            doc.setTextColor(17, 20, 150);
            doc.text('TEXT TEXT TEXT TEXT', 20, 47);

            doc.setLineWidth(0.1);
            doc.line(20, 285, 190, 285);

            var dt = new Date();
            doc.setFontSize(8);
            doc.setTextColor(0, 0, 0);
            doc.text('TEXT ', 22, 289);
            doc.text(125, 289, 'DATE: ' + dtTime, null, null, 'right');

            doc.setDisplayMode('100%');
            doc.addImage(img, 'JPEG', 20, 55);
            //doc.addImage(img, 'JPEG', 40, 10, 218, 190);
            doc.save('report-test.pdf');
        }
    });
}        

</script>

【讨论】：