使用jspdf导出的pdf的页面边框

Question

我需要在使用jspdf函数下载pdf文件时获取页面边框。

我怎样才能做到这一点。我可以单独为表格设置边框，不能为页面设置边框。

var doc = new jsPDF('p', 'pt');
doc.setFontSize(12);
doc.setTextColor(0);
doc.setFontStyle('bold');
doc.text('Col and row span', 40, 50);
var elem = document.getElementById("table1");
var elem1 = document.getElementById("tbl1");
var elem1 = document.getElementById("example");
var res = doc.autoTableHtmlToJson(elem);
var res1 = doc.autoTableHtmlToJson(elem1);
doc.text('Theme "plain"', 40, doc.autoTableEndPosY() + 30);
doc.autoTable(res.columns, res.data, {
    startY: 90,
    theme: 'grid',
    drawHeaderRow: function(cell, data) {
        return false;
    },
    pageBreak: 'avoid',
    margin: {
        right: 305
    }
});
doc.autoTable(res.columns, res.data, {
    startY: 90,
    pageBreak: 'avoid',
    theme: 'grid',
    drawHeaderRow: function(cell, data) {
        return false;
    },
    margin: {
        left: 305
    }
});
doc.autoTable(res1.columns, res1.data, {
    startY: doc.autoTableEndPosY() + 30,
});

如何为该文档设置边框？

Answer 1

如果您所说的页面边框是指整个页面周围的边框，请尝试这样的操作：

doc.rect(20, 20, doc.internal.pageSize.width - 40, doc.internal.pageSize.height - 40, 'S');

Answer 2

对于多个页面我们可以这样做

for (let i = 0; i < doc.getNumberOfPages(); i++) {
        doc.setPage(i + 1)
        doc.setDrawColor("#000000");
        doc.rect(5, 5, pdf.internal.pageSize.width - 10, pdf.internal.pageSize.height - 10, 'S');
      }

Answer 3

只是解释这部分

doc.rect(20, 20, doc.internal.pageSize.width - 40, doc.internal.pageSize.height - 40, 'S');

前2个参数为矩形左上角的x、y坐标，后2个为右下角，

虽然不知道“s”是什么！但是如果我把“B”放在那里它会用黑色填充整个矩形

使用jspdf导出的pdf的页面边框

Page border for pdf exported using jspdf

jspdf

jspdf-autotable