Javascript 将html文件转换为pdf

Javascript 将html文件转换为pdf,javascript,angular,typescript,Javascript,Angular,Typescript,我想在客户端代码中将html文件转换为PDF文件。步骤如下: 获取指向响应API的html文件的链接 将该文件转换为PDF文件 显示查看/下载该PDF文件的链接 经过一番搜索,我发现我应该使用jsPDF或pdfmake,但在这些文件中,我只能手动编写内容,但无法将html文件转换为PDF let element = <HTMLScriptElement>document.getElementsByClassName("pvtTable")[0]; html2canvas(eleme

我想在客户端代码中将html文件转换为PDF文件。步骤如下:

  • 获取指向响应API的html文件的链接
  • 将该文件转换为PDF文件
  • 显示查看/下载该PDF文件的链接
  • 经过一番搜索,我发现我应该使用jsPDF或pdfmake,但在这些文件中,我只能手动编写内容,但无法将html文件转换为PDF

    let element = <HTMLScriptElement>document.getElementsByClassName("pvtTable")[0];
    
    html2canvas(element)
      .then((canvas: any) => {
        doc.addImage(canvas.toDataURL("image/jpeg"), "JPEG", 0, 50, doc.internal.pageSize.width, element.offsetHeight / 5);
        doc.save(`Report-${Date.now()}.pdf`);
      })
    
    let element=document.getElementsByClassName(“pvtTable”)[0];
    html2canvas(元素)
    .然后((画布:任何)=>{
    doc.addImage(canvas.toDataURL(“image/jpeg”),“jpeg”,0,50,doc.internal.pageSize.width,element.offsetHeight/5);
    doc.save(`Report-${Date.now()}.pdf`);
    })
    

    在这里,我无法使用
    getElementsByClassName()
    方法获取的内容。如何在不使用此选项的情况下转换文件。

    请尝试DOMpdf。。。这应该是一个评论,没有足够的代表,尽管

    你能用一些html更新帖子吗。我想澄清一下,你是在试图将自定义组件导出到PDF@SamuelJMathew实际上不是组件。我只是获取存储在网上某个地方的文件的URL。该文件具有html扩展名。我必须将其转换为PDF格式。此代码不足以理解您的要求。请给@NareshMobarsa一个
    无法通过使用GetElementsByCassName()方法获取的内容的句子很有启发性。这意味着您可能试图在呈现该表元素之前获取该表元素。尝试将
    html2canvas(element)
    调用包装到函数中,然后仅在加载HTML文件并将其放入pvtTable[0]后调用该函数。