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

Question

我有包含我希望的数据的网页，当我点击生成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>

Answer 1

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

Answer 2

我有点迟了但是让我告诉你，你使用的代码只与旧版本的Microsoft浏览器（即）兼容，因为它包含WScript和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>

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

问题描述

2 个解决方案

解决方案1
3 2012-11-19 06:27:46

解决方案2
1 2017-12-09 22:08:45

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

问题描述

2 个解决方案

解决方案1 3 2012-11-19 06:27:46

解决方案2 1 2017-12-09 22:08:45

解决方案1
3 2012-11-19 06:27:46

解决方案2
1 2017-12-09 22:08:45