JsPDF错误地显示表格

时间:2018-09-10 18:25:15

标签: angularjs jspdf html2canvas

我正在尝试使用JsPDF和HTML2Canvas创建可下载的PDF文件。我正在使用AngularJs。 HTML内容包含几个长表,有时是PDF宽度的3-4倍。尽管PDF最终接近完美,但我遇到了一些缺陷:

  • 表格列有时不会在PDF中显示其各自的值(部分数据或无数据)
  • 如果未提供日期字段,则PDF中的表格默认为12/31/9999
  • 单个行表将其所有值左移一位。结果,没有记录/ ID,并且最后一列的值是不确定的。
  • 我尝试弄乱边距和内容宽度。不幸的是,只有margin.top/left起作用。

这是我使用的代码:

$scope.savePdfSample = function(value) {

            html2canvas(document.body,{
                onrendered:function(canvas){
                    var doc = new jsPDF('l', 'pt', 'letter'),
                        source = $("#template_invoice")[0], //not sure what this does

                   margins = {
                        top: 40,
                        bottom: 40,
                        left: 40,
                        right:40,
                        width: 1000,
                    };

                    doc.fromHTML(
                        $("#ccsReport1").html(),
                        margins.left,
                        margins.top,
                        {
                            'width': margins.width,
                        },
                        function(dispose) {
                            doc.save('CCS Case Details.pdf');
                        },
                        margins
                    );
                }
            });
        };

我尝试弄乱jspdf.debug.js文件,但是还没有找到解决方案。我会感谢任何将我指向正确方向的人。谢谢。

0 个答案:

没有答案