Question

我想做这样的事情：将有一个表格，填写表格并按提交后，它将进入包含所有已填写信息的页面预览。我知道如何使用JS完成所有这些操作，包括打印按钮。但是我想在该页面上添加一个“下载”按钮，以将该页面下载为PDF。可能吗？如果有人可以帮助我，那将非常有帮助。

先谢谢了。

Answer 1

我一直在用我的一个网站进行此操作，发现此代码很有帮助。

https://codepen.io/AshikNesin/pen/KzgeYX

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

$('#cmd').click(function () {
    doc.fromHTML($('#content').html(), 15, 15, {
        'width': 170,
            'elementHandlers': specialElementHandlers
    });
    doc.save('sample-file.pdf');
});

Answer 2

嗯，我认为这非常“简单”。您可以使用一些类似的库或类：

https://parall.ax/products/jspdf

示例：

从您当前的网页中提取div：


// pick you DOM element and extract HTML as String
const html = document.querySelector("#element").innerHTML;

const pdf = new jsPDF('p', 'en', 'letter');
const handlers = {audio: () => false};
const config = {top: 80, bottom: 60, left: 40, width: 522};

pdf.fromHTML(
    html,
    config.left,
    config.top,
    {config.width, handlers},
    (dispose) => pdf.save('example.pdf'),
    config
);

如何将HTML页面制作为可下载PDF

2 个答案: