Javascript 在jspdf中为pdf创建矩阵类型卡，与sap ui5集成

希望你做得很好

我的要求是，使用jspdf创建矩阵类型卡，并与sap ui5集成

到目前为止，我已经将jspdf与SAP ui5集成，并使用卡片生成pdf

但是卡片的布局，需要根据所附的屏幕截图进行定制

我使用了一个来自JSFIDLE的链接，在jspdf中创建卡片，该卡片发布在其中一条评论中

////代码开头

var doc = new jsPDF('p', 'pt', 'a4');
var pageWidth = 595;
var pageHeight = 842;

var pageMargin = 20;

pageWidth -= pageMargin * 2;
pageHeight -= pageMargin * 2;

var cellPadding = 10;
var cellWidth = 180;
var cellHeight = 70;
var lineHeight = 20;

 var startX = pageMargin;
 var startY = pageMargin;


 doc.setFontSize(12);

 function createCard(item) {

  var requiredWidth = startX + cellWidth + (cellPadding * 2);

  var requiredHeight = startY + cellHeight + (cellPadding * 2);

 if (requiredWidth <= pageWidth) {

 textWriter(item, startX + cellPadding, startY + cellPadding);

startX = requiredWidth;


 } else {


if (requiredHeight > pageHeight) {
  doc.addPage();
  startY = pageMargin;
} else {
  startY = requiredHeight;
    }

    startX = pageMargin;


    textWriter(item, startX + cellPadding, startY + cellPadding);

    startX = startX + cellWidth + (cellPadding * 2);
 }

}

function textWriter(item, xAxis, yAxis) {
doc.text(item.Name, xAxis, yAxis);
doc.text(item.Email, xAxis, yAxis + lineHeight);
doc.text(item.Company, xAxis, yAxis + (lineHeight * 2));
}


for (var i = 0; i < data.length; i++) {
createCard(data[i]);
}

var doc=新的jsPDF（'p'，'pt'，'a4'）；
var pageWidth=595；
var pageHeight=842；
var pageMargin=20；
pageWidth-=页边距*2；
pageHeight-=页边距*2；
var=10；
var-cellWidth=180；
var-cellHeight=70；
var线宽=20；
var startX=页边距；
var startY=页边距；
文件setFontSize（12）；
功能创建卡（项目）{
var requiredWidth=startX+cellWidth+（cellPadding*2）；
var requiredHeight=起点+单元高度+（单元填充*2）；
if（所需宽度页高）{
doc.addPage（）；
startY=页边距；
}否则{
startY=所需高度；
}
startX=页边距；
textWriter（项目，startX+cellPadding，startY+cellPadding）；
startX=startX+cellWidth+（cellpading*2）；
}
}
函数textWriter（项、xAxis、yAxis）{
单据文本（item.Name、xAxis、yAxis）；
文档文本（item.Email、xAxis、yAxis+行高）；
单据文本（item.Company、xAxis、yAxis+（线宽*2））；
}
对于（变量i=0；i

////代码结束

PFA，卡片截图，生成

---

任何人都可以，请帮助我，用同样的方法吗？

请发布相关代码创建一个粘贴你的代码，你累了什么？