如何通过在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的主要内容,如果未能解决你的问题,请参考以下文章