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

时间:2012-11-19 06:15:16

标签: javascript html5 pdf-generation

我的网页包含我想要的数据当我点击生成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>

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:1)

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

是的,您可以使用jsPDF.js生成它。只需在谷歌搜索这个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>