Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
以pdf格式导出带有javascript的html_Javascript_Php_Jquery_Html_Pdf - Fatal编程技术网

以pdf格式导出带有javascript的html

以pdf格式导出带有javascript的html,javascript,php,jquery,html,pdf,Javascript,Php,Jquery,Html,Pdf,我用几个Java脚本制作了一个简单的网页(html),有点像测验。用户填写文本字段并按下按钮获取答案,然后单击Submit按钮,JavaScrript计算分数并显示 因此,我的页面是index.html,当用户单击submit时,它仍在该页面上,但它显示结果,类似于: 做得好! 姓名、id、电子邮件等(从文本字段获取) 你的分数是:144(由JS计算) 现在,我想在这个结果下面添加一个按钮,比如说“PDF”。当用户单击它时,它将在新选项卡中打开一个pdf文档,计算后的结果显示在index.htm

我用几个Java脚本制作了一个简单的网页(html),有点像测验。用户填写文本字段并按下按钮获取答案,然后单击Submit按钮,JavaScrript计算分数并显示

因此,我的页面是index.html,当用户单击submit时,它仍在该页面上,但它显示结果,类似于: 做得好! 姓名、id、电子邮件等(从文本字段获取) 你的分数是:144(由JS计算)

现在,我想在这个结果下面添加一个按钮,比如说“PDF”。当用户单击它时,它将在新选项卡中打开一个pdf文档,计算后的结果显示在index.html上。pdf的格式应该像index.html页面一样

我试图找出如何做这个pdf的事情,但我找不到一个解决方案。问题是我希望此页面在本地打开,而不是在服务器上打开。你能建议我怎么做吗?也许可以使用PHP(但它在本地不起作用)。我只想在任何计算机上复制粘贴html文件和JavaScripts,并且需要在本地工作。只需在浏览器中打开并完成测验,然后将结果导出为pdf


Thanx

您可以在javascript中执行您想要的操作,请使用以下库:


您必须使用pdf的所需格式格式化输出。以下是一个简单的pdf示例:

var doc=new jsPDF();
doc.text(20,20,“你好,世界!”);
text(20,30,'这是客户端Javascript,输出PDF');
doc.text(20,40,‘你喜欢吗?’);
doc.output('save','filename.pdf')


谢谢。这个jspdf库支持CSS吗。我的意思是,我能按我喜欢的方式格式化输出吗?这个库支持UTF-8吗?我试过了,但这似乎是一个问题,它不支持一些字母:(我认为它不支持CSS,但库本身有一些选项可以更改字体颜色等。它应该与UTF8一起工作,因为在库的主页面(其中有一个图像示例)中,如果您修改代码(它位于pdf窗口旁边)并在标题中输入UTF-8字符,效果很好,因此我想它应该与UTF-8一起使用。我没有尝试所有字母,因此可能存在一些限制。有一个参数用于设置编码: