Создание карточек матричного типа для pdf в jspdf, интегрированных с sap ui5 - PullRequest
Новая
       8

Создание карточек матричного типа для pdf в jspdf, интегрированных с sap ui5

0 голосов
/ 02 июля 2018

Надеюсь, у тебя все хорошо.

Мое требование - создавать карты матричного типа, используя jspdf, интегрированный с sap ui5.

Пока что я интегрировал jspdf с SAP ui5 и генерировал pdf с помощью карточек.

Но расположение карточек должно быть настроено согласно приложенному скриншоту.

enter image description here

Я использовал ссылку из jsfiddle для создания карточек в формате 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]);
}

//// Конец кода

PFA, скриншот карточек, генерируется.

enter image description here

Может кто-нибудь, пожалуйста, помогите мне с тем же?

...