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

Question

I would appreciate if someone explain me, which one can be that case, when the canvas declaration with type "line" emit a page break, in the pdf. I unable to figured out what is the cause of it. If I removed all cancas, no page break in the downloaded pdf.

Thank you in advance.

Here is the code which I used:

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"
            }
          ]
        ]
      }
    }
  ]
}

One more thing which can be help, the line in the pdf shifted right, but in the preview it is not shifted. — L. Kvri, Aug 27 '18 at 20:17

score 4 · Answer 1 · answered Sep 21 '20 at 07:49

4

Got Alternative solution to draw line without using canvas:

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

answered Sep 21 '20 at 07:49

J4GD33P 51NGH

630
1
8
24

This solution worked for me, but had to used widths: ["100%"], – Tim Oct 13 '20 at 08:18

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

1 Answers1