如何在pdfMake中拆分图像并使用AngularJS插入多个页面？

Question

起初我认为它工作正常但经过几次测试后，数据变得足够大，不适合一页。我研究了一些问题，但这对我没有帮助

所以这是我的代码

html2canvas(document.getElementById(id)).then(function (canvas) {
            document.body.appendChild(canvas);
            var data = canvas.toDataURL();
            var height = canvas.height;
            canvas.remove();
            var docDefinition = {
                content: [{
                    image: data,
                    width: 500,


                }]
            };
            pdfMake.createPdf(docDefinition).download(id+".pdf", function() {
                $scope.balanceSheet = false;
                $scope.mainPage = true;
            });

        });

我这里至少有90行，但图像是46

任何想法如何拆分它？我已经尝试过提升高度，但它只将整个90行整合到一页中。

分页显示是因为我添加了

 content: [{
    image: data,
    width: 500,
    pageBreak: 'after',
   }]

以下是如何拆分here的示例 但我无法阅读它，因为它不是角度:( 任何人都可以解释或转换它吗？

Answer 1

我认为您不能在pdfmake中自动在不同页面中分割图像。

但您可以使用方法drawImage预先拆分画布。检查功能的参数，你可以在你想要的每个点上垂直分割图像，然后在不同的页面中设置这两个子图像