在单击按钮时使用 Javascript 将 div 下载为 PDF 时出错答案

【问题标题】：Error in download a div as PDF using Javascript on button click在单击按钮时使用 Javascript 将 div 下载为 PDF 时出错
【发布时间】：2022-01-14 14:19:42
【问题描述】：

我正在尝试使用 JS 在我的 cv 生成器中单击按钮时将 cv 下载为 pdf，但不幸的是，一旦页面加载，就会调用该函数，而不是在按钮单击时调用该函数。我尝试了其他一些方法，包括按钮的箭头功能和 onclick 属性，尽管在单击按钮后开始下载，但 pdf 原来是空的。

代码： HTML：

<div class="container profile-box" id="f">
<!-- Code of whole cv template -->
</div>
 <div class="col-md-12 text-center">
 <button type="button" class="btn btn-primary" id="pdf" >Download Pdf</button>
 </div>

JS：

var btnpdf=document.getElementById("pdf");


async function generatepdf(){
   
    var downloading=document.getElementById("f");
    let width1 = downloading.offsetWidth;
    let height1 = downloading.offsetHeight;
    var doc=new jsPDF('p','pt');
    await html2canvas(downloading,{
        allowTaint:true,
        useCORS:true,
        width:width1,
        height:height1
        
    }).then((canvas)=>{
        //canvas convert to png
        doc.addImage(canvas.toDataURL("image/png"),'PNG',10,10);

    })
    doc.save("cv.pdf");
    
}
 btnpdf.addEventListener("click",generatepdf());

【问题讨论】：

标签： javascript html pdf

【解决方案1】：

它对我有用。
您遇到什么错误？
你把 jspdf 加进去了吗？

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script>

【讨论】：

它正在工作，但在单击按钮之前会下载 pdf 文件