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

【问题标题】：how to convert a web page into pdf by button click in html5如何通过在html5中单击按钮将网页转换为pdf
【发布时间】：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>

【问题讨论】：

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

标签： javascript html pdf-generation

【解决方案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>

【讨论】：