jquery - PDFMake 去除 pdf 周围的边框

Question

我正在使用 pdfmake 生成 pdf。PDF 正确生成这里的问题是它在内容周围生成边框。我也尝试使用 layout"'noBorders' 和其他方式删除它们。但没有运气，任何人都可以解决这个问题。这是我的代码示例

html2canvas(document.getElementById('div2'), {
    onrendered: function (canvas2) {
        var data2 = canvas2.toDataURL();
        var docDefinition2 = {
            content: [{  
                layout: 'noBorders',
                image: data2, alignment: 'center',
                fit: [700, 700], margin: [40, 0, 0, 0], 
                pageBreak: 'after'
            }]
        };                         
        pdfMake.createPdf(docDefinition2).download('batch5df885f0-6e16-453e-83cb-b09d2e990bad.pdf');    
    }
});

标签： jqueryhtml2canvaspdfmake

Answer 1

添加margin: 0; 到你的css中的body标签，以及你的cssdisplay: block;中的canvas标签。

例子：

canvas {
        display:block;
    }

body {
    margin:0;
}