如何通过在html5中单击按钮将网页转换为pdf

Posted

技术标签:

【中文标题】如何通过在html5中单击按钮将网页转换为pdf【英文标题】:how to convert a web page into pdf by button click in html5 【发布时间】:2012-11-07 01:36:26 【问题描述】:

我的网页包含我想要的数据,当我单击生成 pdf 按钮时,它应该创建该页面的 pdf。 并在本地保存。

我已经搜索了很多,但我得到的脚本只能通过输入数据来创建 pdf,还有其他方法吗

以下是我尝试过的方法,但不适合我想将整个页面创建为pdf文件。

jspdf.com

我也尝试了另一个代码,但它也没有创建文件

  <script>


  function generatePDF() 

  var conv = new ActiveXObject("pdfServMachine.converter");
  conv.convert("http://www.google.com", "c:\\google.pdf", false);
  WScript.Echo("finished conversion");
 

 </script>
 <body onload="generatePDF()">
 </body>
 </html>

【问题讨论】:

***.com/questions/1686280/… 如果这是您代码的直接副本,那么您需要正确编写单词函数 @EyalAsheich 是的,我已经写好了,但什么也没发生 您是否尝试过打印页面?? @AkhilrajNS 你提供的链接很好,你能帮我在这里添加代码吗?文件保存在哪里 【参考方案1】:

您没有正确声明函数。它应该是 generatePDF() 而不是 generatePDF() 。您的 应该只在函数的末尾。

【讨论】:

【参考方案2】:

我有点晚了,但让我告诉你,你使用的代码只兼容旧版本的微软浏览器(即),因为它包含 WScript 和 ActiveX 组件。

是的,您可以使用jsPDF.js 生成它。只需在 google 中搜索此 javascript 文件并将其下载到本地,然后如下所示包含它。

<script src="~/js/jspdf.js"></script>
<script>
  var doc = new jsPDF('p', 'pt', 'letter');
  var specialElementHandlers = 
    '#editor': function (element, renderer) 
      return true;
              
  ;     
  $('#btn_Pdfprint').click(function () 
    doc.fromHTML($('#myTabContent').html(), 25, 25, 
      'width': 790,
      'elementHandlers': specialElementHandlers
    );
    doc.save('mywebpagee.pdf');
    window.location.reload();
  );
</script>

【讨论】:

以上是关于如何通过在html5中单击按钮将网页转换为pdf的主要内容,如果未能解决你的问题,请参考以下文章

如何将EXCEl中多张Sheet工作表转换成一个PDF

如何将网页版的转换给pdf文件

如何将本地HTML网页多个文件转换成PDF(为了在IPAD上使用)

如何把asp文件格式转换成pdf文件格式?

为啥PDF转为Word以后打开没有文字

如何将html文件转成pdf 在线转换