将html转换为PDF,并将转换后的PDF放入javascript的zip文件中

将html转换为PDF,并将转换后的PDF放入javascript的zip文件中,javascript,reactjs,meteor,Javascript,Reactjs,Meteor,我必须使用HTML创建pdf文件,在创建pdf文件后,需要将这些文件包含在zip中。因此,当用户点击时,基本上只有一个下载按钮。zip文件将被下载,并且zip包含所有转换的文件 有没有办法在js中实现上述功能?我正在使用react和meteor创建web应用程序。第一步,将HTML转换为PDF文件,您可以使用: html2canvas和jspdf dom到图像和jspdf 一个将dom转换为图像的示例 第二步,我从来没有这样做过。我帮不了你 function generatePdf() {

我必须使用HTML创建pdf文件,在创建pdf文件后,需要将这些文件包含在zip中。因此,当用户点击时,基本上只有一个下载按钮。zip文件将被下载,并且zip包含所有转换的文件


有没有办法在js中实现上述功能?我正在使用react和meteor创建web应用程序。

第一步,将HTML转换为PDF文件,您可以使用:

html2canvas和jspdf dom到图像和jspdf 一个将dom转换为图像的示例

第二步,我从来没有这样做过。我帮不了你

function generatePdf() {
  // get DOM element
  const node = document.getElementById('elementId');
  // generate the png from a DOM element
  domtoimage.toPng(node)
  .then((dataUrl) => {
    // generate the PDF
    const pdf = new jsPDF();
    // define max width and max height of the document
    const width = pdf.internal.pageSize.width;
    const height = pdf.internal.pageSize.height;
    // add the png in the PDF (fix the width and the height)
    pdf.addImage(dataUrl, 'PNG', 0, 0, width, height);
    // display the pdf in another tab
    window.open(pdf.output('bloburl'), '_blank');
  })
  .catch((error) => {
    console.error('oops, something went wrong!', error);
  });
}