Download dependence

First.Convert page HTML into pictures
npm install --save html2canvas 
 the second.Generate PDF
npm install jspdf --save

2. Find the DOM you need to download

Multi-block elements can customize a DIV custom one ID facilitating GET to this DOM
willprintOutThis method is putmethods Call

printOut(name) {
        let shareContent = document.getElementById('id9527'),/ / Requires screenshots (native) DOM objects
          width = shareContent.clientWidth, / / Get the DOM width
          height = shareContent.clientHeight , // Get the DOM height
          canvas = document.createElement("canvas"), // Create a Canvas node
          scale = 1; // Define any magnification support decimal
        canvas.width = width * scale; / / Define Canvas Width * Zoom
        canvas.height = height * scale; / / Define Canvas Height * Zoom
        canvas.style.width = shareContent.clientWidth * scale + "px";
        canvas.style.height = shareContent.clientHeight * scale + "px";
        canvas.getContext("2d").scale(scale, scale); / / Get context, set Scale
        let opts = {
          scale: scale, // Added Scale parameters
          canvas: canvas, / / Custom CANVAS
          logging: false, // Log Switch, easy to see the internal execution process of HTML2CANVAS
          width: width, // DOM original width
          height: height,
          useCORS: true, // [Important] Turn on cross-domain configuration
        };

        html2Canvas(shareContent, opts).then(() => {
          var contentWidth = canvas.width;
          var contentHeight = canvas.height;
          // One page PDF shows the CANVAS height generated by the HTML page;
          var pageHeight = (contentWidth / 592.28) * 841.89;
          // Do not generate the HTML page height of the PDF
          var leftHeight = contentHeight;
          // page offset
          var position = 0;
          // A4 paper size [595.28, 841.89], the HTML page generated by Canvas in PDF is high in PDF
          var imgWidth = 595.28;
          var imgHeight = (592.28 / contentWidth) * contentHeight;
          var pageData = canvas.toDataURL("image/jpeg", 1.0);
          var PDF = new JsPDF("", "pt", "a4");
          if (leftHeight < pageHeight) {
            PDF.addImage(pageData, "JPEG", 15, 50, imgWidth * 0.95, imgHeight);
          } else {
            while (leftHeight > 0) {
              PDF.addImage(pageData, "JPEG", 0, position, imgWidth, imgHeight);
              leftHeight -= pageHeight;
              position -= 841.89;
              if (leftHeight > 0) {
                PDF.addPage();
              }
            }
          }
          PDF.save(name + ".pdf"); / / Here is the exported file name
        });
      },

If you print the parameters in the case of interception, if it is not all possible, it is not possible to be the following method for the page too long.

  getPdf(title) {
    var myDom = document.getElementById('id9527')
    var cloneDom = myDom.cloneNode(true)
    cloneDom.style.position = 'absolute'
    cloneDom.style.top = '0px'
    cloneDom.style.zIndex = '-1'
    cloneDom.style.width = myDom.style.width
    document.body.appendChild(cloneDom)
    html2Canvas(cloneDom, {
      taintTest: false,
      useCORS: true,
    }).then(function (canvas) {
      const contentWidth = canvas.width
      const contentHeight = canvas.height
      const imgWidth = 595.28
      const imgHeight = 592.28 / contentWidth * contentHeight
      const pageData = canvas.toDataURL('image/jpeg', 1.0)
      const PDF = new JsPDF('', 'pt', [imgWidth, imgHeight + 50])
      PDF.addImage(pageData, 'JPEG', 10, 10, imgWidth - 20, imgHeight)
      PDF.save(title + '.pdf')
    })
    cloneDom.remove()
  },