不能使用JsPdf1.5.3和Angular 5下载PDF

时间:2018-12-30 15:38:20

标签: angular jspdf html2canvas

我正在使用JsPdf和html2canvas下载pdf页面。

我在代码中做了以下操作。 http://www.shanegibney.com/shanegibney/angular2-and-jspdf-file-generation/

  • 按照以下说明导入html2canvas和pdf。

    import * as html2canvas from 'html2canvas'; declare var jsPDF: any;

  • 下面的方法将负责将HTML转换为pdf。

    exportPdf() {
    var data = document.getElementById('body');
    html2canvas(data).then(canvas => {
    // Few necessary setting options  
    let pdf = new jsPDF('p', 'mm', 'a4'); // A4 size page of PDF
    var imgWidth = 208;
    var pageHeight = pdf.internal.pageSize.getHeight();
    
    var imgHeight = canvas.height * imgWidth / canvas.width;
    var heightLeft = imgHeight;
    
    const contentDataURL = canvas.toDataURL('image/png')
    
    var position = 0;
    pdf.addImage(contentDataURL, 'PNG', 0, position, imgWidth, pageHeight,undefined,'FAST')
    pdf.save("test"); }}
    

此代码在我的本地系统中正常运行,但是当使用“ ng build ”构建代码时,它将无法正常工作。它给了我带有以下消息的文件。 “ 下载失败-网络错误”。

0 个答案:

没有答案
相关问题