Technologieaustausch

Frontend-Export-PDF

2024-07-11

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

async generatePDF() {
        const element = this.$refs.contentToPrint; // 你想要转换成PDF的DOM元素
        
  
        // 使用html2canvas将DOM元素转换成canvas
        const canvas = await html2canvas(element);
        const imgData = canvas.toDataURL('image/png');
  
        // 创建PDF并添加图片
        const pdf = new jsPDF({
          orientation: 'portrait',
          unit: 'px',
          format: 'a4',
        });
        const imgProps = pdf.getImageProperties(imgData);
        const pdfWidth = pdf.internal.pageSize.getWidth();
        const pdfHeight = (imgProps.height * pdfWidth) / imgProps.width;
        pdf.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight);
        pdf.save('download.pdf'); // 保存PDF
      },
      // generatePDF() {  
      //   const doc = new jsPDF()  
      //   doc.text("Hello world!", 10, 10)  
      //   doc.save("a4.pdf")  
      // },