Question

我正在使用此库，因此我可以从html中获取一些内容并将其转换为pdf。我已经完成了第一页。如何添加新页面？

 myClickFunction( event: any ){
    setTimeout(() => {
      html2canvas(document.querySelector("#main"), { scale: 2 }).then(canvas => {
        const img = new Image();
        img.src = canvas.toDataURL("image/png");
        img.style.width = '200px';
        let html = document.createElement('div');
        html.appendChild(img);
        html.style.display = 'none';
        html.style.width = '200px';
        html.id = 'container';
        document.body.appendChild(html);
        const doc = new jsPDF();
        doc.fromHTML(html.innerHTML, 5, 5, {}, function () {
          doc.save('Multi-Quote_' + new Date().toISOString() + '.pdf');
        });
        document.body.removeChild(html);
      });
    }, 500);
  }

例如，当我获取id为-MAIN的内容时，如何将h2的内容设为：第2页位于第2页而不是默认的第2页？

<div id="main" style="width: 990px; color: #000; font-weight: 600;" class="container">
   <h1>PAGE 1</h1>

   <h2>Page 2</h2?>
</div>

如何使用html2canvas和jspdf添加新页面？

0 个答案: