用pdf中的javascript导出html

Question

我用几个JavaScript制作了一个简单的网页（html），就像一个测验。 用户填写文本字段并按下按钮以获取答案，然后单击“提交”按钮，然后JavaScrript将计算分数并显示分数。

因此，我的页面是index.html，当用户单击“提交”时，它仍在此页面上，但显示了结果，例如：做得好！ 名称，ID，电子邮件等（从文本字段获取）您的分数是：144（由JS计算）。

因此，现在，我想在此结果下方添加一个按钮，例如“ PDF”。 当用户单击它时，它将在新选项卡中打开一个pdf文档，计算后将结果显示在index.html上。 pdf的格式应类似于index.html页面。

我试图找出如何处理此pdf内容，但找不到解决方案。 问题是我希望此页面在本地打开，而不是在服务器上打开。 您能建议我怎么做吗，也许要使用PHP（但在本地无法使用）。 我只想将粘贴的html文件和JavaScript复制到任何计算机上，并且还需要在本地工作。 只需在浏览器中打开并完成测验，然后将结果导出为pdf。

感谢名单

Answer 1

您可以使用javascript做您想做的事，请使用此库： http : //parall.ax/products/jspdf

您必须使用所需的pdf格式格式化输出

Answer 2

这是jsPDF的一个简单PDF示例：

 var doc = new jsPDF(); doc.text(20, 20, 'Hello world!'); doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.'); doc.text(20, 40, 'Do you like that?'); doc.output('save', 'filename.pdf'); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.debug.js"></script> <iframe id="pdf" type="application/pdf" src="" width="800" height="400"></iframe>