如何在pdfmake中获取完整的网页pdf？答案

【问题标题】：how to get full web page pdf in pdfmake?如何在pdfmake中获取完整的网页pdf？
【发布时间】：2016-04-12 17:37:42
【问题描述】：

我正在开发一个 Web 应用程序，我必须将一个 HTML 页面（有多个表格和数据表）转换为 PDF。我正在使用pdfmake 将页面内容转换为PDF。

这是我正在使用的脚本

<script type="text/javascript" >
var docDefinition = { content: "This is a sample PDF" };
alert("Will this work ");
pdfMake.createPdf(docDefinition).download('test.pdf');      
</script>

现在，我想将完整的 HTML page 转换为 PDF，但我不知道如何在 pdfmake 中执行此操作。

在 jsPDF 中有这样的东西

<script>
     function demoFromHTML() {
         var pdf = new jsPDF('p','pt','a4');
         pdf.addHTML(document.body,{pagesplit:true},function() {
                  pdf.save('Test.pdf');
              }); 
           document.getElementById('buttons').style.visibility = 'hidden';

    }
</script>

即document.body 将整个网页转换为 PDF。 pdfmake中是否也有类似的代码。

除了使用 javascript 的 jsPdf 之外，还有其他方法可以将整个网页转换为 pdf 吗？

【问题讨论】：

你想只转换内容还是带有图像样式和文本效果的完整页面？检查此 SO 线程中的第一个答案 [link]stackoverflow.com/questions/31610129/…
@SatyakiChatterjee - 完整页面，因为该 HTML 页面包含表格、数据表格和图标。我知道有一种方法可以将表格转换为 PDF，但在我的情况下，它的 dataTables 显然是动态的。 .
你检查了我评论中的链接吗？

标签： javascript html pdf jspdf pdfmake

【解决方案1】：

AFAIK 目前在原始 pdfmake 项目或插件上没有 html 解析器引擎可以满足将 html 内容呈现为 pdf 的需求。我认为你应该为此选择 jspdf。我个人根据我想要实现的目标使用这两个库。它们彼此不冲突。目前的 JSPDF 比 pdfmake 更完整，功能和插件也更多。 jspdf 非常适合制作任何用途的 pdf，您甚至可以制作图形和绘制对象。如果您只想要一个包含文本、图像和表格的简单文档，pdfmake 会更好。我知道当你只想要一些文本和图像时，总是在 jspdf 上玩 X 和 Y 有点痛苦。

更新：似乎有计划支持这一点。关注此线程以获取此功能。 https://github.com/bpampuch/pdfmake/issues/205

还有一个插件可以解决这个问题（我没有测试过）： https://github.com/ymkins/html2pdfmake/blob/master/html2pdfmake.js

【讨论】：

github.com/ymkins/html2pdfmake/blob/master/html2pdfmake.js 完美运行。