generate pdf from html with Pdfmake in angular2

pdf.component.ts

 createPdf(): void {
        var data_1;
        var data_2;
        var data_3;
        var data_4;
        var data;
     var p1 = new Promise((resolve, reject) => { 
        html2canvas(document.getElementById('optionals'), {
                onrendered: function (canvas) {
                  console.log(canvas);
                  canvas.height = 500;
                  data_1 = canvas.toDataURL();
                    resolve(data_1);
                }
            }); 
      });  

     var p2 = new Promise((resolve, reject) => { 
         var div = document.getElementById('home');
        html2canvas(div, {
                onrendered: function (canvas) {
                canvas.height = div.clientHeight;
                  data_2 = canvas.toDataURL();
                    resolve(data_2);
                }
            }); 
      });
     Promise.all([p1, p2]).then(values => { 
          html2canvas(document.getElementById('intro'), {
            onrendered: function (canvas) {
                canvas.height = 500;
                var data = canvas.toDataURL();
                console.log(canvas);
                 var docDefinition = {
                    content: [
                        {
                            image: data_1,
                            width: 450,
                        },
                        {
                            image:data_2,
                            width: 500
                        },
                        {
                            image:data,
                            width:550
                        }
                        ]
                };
                console.log(docDefinition);
                setTimeout(() => {
                pdfMake.createPdf(docDefinition).download("travel.pdf");
               },1500);
            },
            removeContainer:true
        },


        );
      }, reason => {
        console.log(reason)
      });
    }