如何使用jsPDF库?

时间:2018-04-23 07:44:44

标签: javascript html webpage jspdf

我想将我的网页保存为PDF格式。 我尝试过使用此解决方案:

var doc = new jsPDF();
var specialElementHandlers = {
    '#editor': function (element, renderer) {
        return true;
    }
};

$('#printPDF').click(function () {
    doc.fromHTML($('body').get(0), 15, 15, {
        'width': 170,
            'elementHandlers': specialElementHandlers
    });
    doc.save('sample.pdf');
});

但是我得到了空白的pdf。 是否有任何更正或解决方案将网页另存为PDF?

1 个答案:

答案 0 :(得分:0)

实际上我运行你的代码并且它有效。

<!DOCTYPE html>
<html>
<head>
    <script src="https://unpkg.com/jspdf@latest/dist/jspdf.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
    <div>
        <button id="savepdf">
            savepdf
        </button>
        test
    </div>
    <script>
        var doc = new jsPDF();
        var specialElementHandlers = {
            '#editor': function (element, renderer) {
                return true;
            }
        };
        $('#savepdf').click(function(){
            doc.fromHTML($('body').get(0), 15, 15, {
                'width': 170,
                'elementHandlers': specialElementHandlers
            });
            doc.save('test.pdf');
        })
    </script>
</body>
</html>

由于您提到了Uncaught TypeError,因此未声明'name'变量。也许你可以改变jspdf.min.js的来源?或者可能在加载的库之间存在一些冲突。