Несколько изображений в 1 .pdf с angular6, pdfmake и html2canvas

Question

С angular6 + pdfmake + html2canvas. Я могу получить 1 элемент за один раз, чтобы преобразовать его в .png и создать файл .pdf. Как я могу l oop просмотреть список идентификаторов и создать 1 .pdf файл с 1 на .png на страницу?

  var record = document.getElementById("1"); //loop through a list of IDs.

  html2canvas(record).then(canvas => {  
    var imgWidth = 208;   
    var pageHeight = 295;    
    var imgHeight = canvas.height * imgWidth / canvas.width;  
    var heightLeft = imgHeight;  

    const contentDataURL = canvas.toDataURL('image/png')  
    var docDefinition = {
            pageSize: 'A4',              
            content: [
              {text: 'starting of a record ...', headlineLevel: 1},
              {
                image: contentDataURL,
                width: 580
            }],
            pageBreakBefore: function(currentNode, followingNodesOnPage, nodesOnNextPage, previousNodesOnPage) {
              return currentNode.headlineLevel === 1 && followingNodesOnPage.length === 0;
           }
        };
    pdfMake.createPdf(docDefinition).open();    
  });