pdf使用带有 type=“line” 的画布时制作分页符效果

pdfMake page break effect when used canvas with type="line"

提问人:L. Kvri 提问时间:8/28/2018 最后编辑:SiddAjmeraL. Kvri 更新时间:9/21/2020 访问量:6249

问:

如果有人解释我,我将不胜感激,当类型为“line”的画布声明在 pdf 中发出分页符时,哪一种可能是这种情况。 我无法弄清楚它的原因是什么。 如果我删除了所有cancas,则下载的pdf中没有分页符。

先谢谢你。

这是我使用的代码:

var dd = {
  content: [{
      "canvas": [{
        "lineColor": "gray",
        "type": "line",
        "x1": 0,
        "y1": 0,
        "x2": 515,
        "y2": 0,
        "lineWidth": 1
      }]
    },
    {
      "margin": [5, 10, 0, 5],
      "layout": "noBorders",
      "fontSize": 10,
      "table": {
        "heights": 18,
        "widths": [110, "*", "*", "*"],
        "body": [
          [{
              "text": "Text 1",
              "margin": [10, 0, 0, 0],
              "bold": true
            },
            {
              "text": "Text 1 value"
            }

          ],
          [{
              "text": "Text 2",
              "margin": [10, 0, 0, 0],
              "bold": true
            },
            {
              "text": "Text 2 value"
            }
          ]
        ]
      }
    },
    {
      "canvas": [{
        "lineColor": "gray",
        "type": "line",
        "x1": 0,
        "y1": 0,
        "x2": 515,
        "y2": 0,
        "lineWidth": 1
      }]
    },
    {
      "margin": [5, 10, 0, 5],
      "layout": "noBorders",
      "fontSize": 10,
      "table": {
        "heights": 18,
        "widths": [110, "*", "*", "*"],
        "body": [
          [{
              "text": "Text 1",
              "margin": [10, 0, 0, 0],
              "bold": true
            },
            {
              "text": "Text 1 value"
            }

          ],
          [{
              "text": "Text 2",
              "margin": [10, 0, 0, 0],
              "bold": true
            },
            {
              "text": "Text 2 value"
            }
          ]
        ]
      }
    }
  ]
}
JavaScript 角度 分页 符 pdfmake

评论

0赞 L. Kvri 8/28/2018
还有一件事可以提供帮助,pdf中的行向右移动,但在预览中没有移动。
0赞 J4GD33P 51NGH 9/21/2020
你有解决问题的方法吗?@Laszlo

答:

4赞 J4GD33P 51NGH 9/21/2020 #1

得到了在不使用画布的情况下画线的替代解决方案:

          {
                table : {
                    headerRows : 1,
                    widths: [930],
                    body : [
                            [''],
                            ['']
                            ]
                },
                layout : 'headerLineOnly'
          }

评论

0赞 Tim 10/13/2020
这个解决方案对我有用,但必须使用宽度:[“100%”],