angular中生成pdf文件并导出

你可以使用jsPDF和html2canvas库来实现在Angular中生成PDF文件并导出。下面是实现步骤：

1. 安装依赖：

npm install jspdf html2canvas --save

2. 在组件中导入依赖：

import * as jsPDF from 'jspdf';
import html2canvas from 'html2canvas';

3. 在组件中创建一个方法，用来生成PDF文件并导出：

generatePDF() {
  const doc = new jsPDF();
  const element = document.getElementById('pdf-content');
  html2canvas(element).then((canvas) => {
    const imgData = canvas.toDataURL('image/png');
    const imgWidth = 210; // A4纸张的宽度
    const pageHeight = 297; // A4纸张的高度
    const imgHeight = canvas.height * imgWidth / canvas.width;
    let heightLeft = imgHeight;
    let position = 0;

    doc.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);

    heightLeft -= pageHeight;

    while (heightLeft >= 0) {
      position = heightLeft - imgHeight;
      doc.addPage();
      doc.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);
      heightLeft -= pageHeight;
    }

    doc.save('pdf-file-name.pdf');
  });
}

4. 在组件模板中添加一个按钮，并将要导出为PDF的内容包裹在一个div元素中，并为该元素设置一个id：

<div id="pdf-content">
  <!-- 要导出为PDF的内容 -->
</div>

<button (click)="generatePDF()">导出为PDF</button>

5. 点击按钮即可生成PDF文件并导出。

以上就是在Angular中生成PDF文件并导出的方法，希望能对你有所帮助。