JavaScript - Pdf 生成/打印 好的，现在我想要如何将文档下载为 PDF 文件

编程问答 2022-12-29

问题描述

我有一个简单的代码，完全适用于 html 到 pdf 打印。现在我想将文档下载为 pdf 文件。

<input type="submit" value="Generate" data-print/>

<div data-print-content>
    <h1>Scan and Pay</h1>
</div>

//Print a Div
jQuery(function ($) {
    $.fn.printDiv = function () {
        var printContents = $(this).html();
        var originalContents = $('body').html();
        $('body').html(printContents);
        $('body').addClass('js-print');
        window.print();
        $('body').html(originalContents);
        $('body').removeClass('js-print');
    };

    // Print
    $('[data-print]').on('click',function () {
        // $('[data-print]').click(function() {
        $('[data-print-content]').printDiv();
    });
});

现场演示： https://codepen.io/salahuddin/full/KKmNawY

解决方法

您没有将其转换为 pdf。你只是在打印它！ 如果您有 pdf 打印机服务，您将获得 pdf。但是您的页面只是打印了一个 HTML 页面。

如果要在页面上创建 pdf，则需要创建 pdf。例如使用 jspdf 库： https://github.com/MrRio/jsPDF

downloadjavascriptpdfpdfpdf