【问题标题】:HTML to PDF conversion only with JavaScript in client side仅在客户端使用 JavaScript 将 HTML 转换为 PDF
【发布时间】:2015-05-07 17:35:46
【问题描述】:

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

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

【问题讨论】:

  • jsPDF 有效,但不适用于 CSS 样式
  • 如果您仍然找不到仅客户端的解决方案,并且您想考虑使用服务器端转换,您可以查看 LEADTOOLS 的文档转换器模块,它有online demos you can try。请注意,我为该网站的所有者工作。

标签: javascript html-to-pdf


【解决方案1】:

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

    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);
        });

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-03-22
    • 1970-01-01
    • 1970-01-01
    • 2011-06-14
    • 2019-05-11
    • 1970-01-01
    • 2014-11-23
    • 2022-12-01
    相关资源
    最近更新 更多