HTML到PDF的转换仅在客户端使用JavaScript

HTML to PDF conversion only with JavaScript in client side

本文关键字:客户端 JavaScript PDF 转换 HTML      更新时间:2023-09-26

我的要求是将HTML内容转换为PDF(或PDF数据url)。这应该在客户端使用JavaScript完成,当将HTML转换为PDF时,所有样式(CSS)都应该正确呈现。样式可能已从其他css文件链接。这可能吗?有什么JavaScript库可以完成这项任务吗?

编辑:我试用了jsPDF库,它从html内容生成pdf文件,但不适用于css样式

下面是我的AngularJS指令的一部分,用于创建pdf文件:

    link : function(scope, element, attrs) {
        element.bind('click', function(evt) {
            evt.preventDefault();
            printPreview();
            setTimeout(function() {
                var data = generatePrintData();
                var doc = new jsPDF();
                doc.fromHTML(
                    data,
                    10,
                    10,
                    {
                        'width': 180
                    }
                );
                if(scope.user!=null)
                    var name = scope.user.toString() + ".pdf";
                else
                    var name = "unknown_user.pdf"
                doc.save(name);
            }, 0);
        });