如何在没有jsPDF的情况下使用javascript复制<div>元素的内容并将其粘贴到pdf [重复]

Posted

技术标签:

【中文标题】如何在没有jsPDF的情况下使用javascript复制<div>元素的内容并将其粘贴到pdf [重复]【英文标题】:how to copy the contents of <div> element and paste it to pdf using javascript without jsPDF [duplicate] 【发布时间】:2013-02-19 20:07:27 【问题描述】:

我正在使用 javascript 开发一个 Web 应用程序。在某些情况下,当我单击“下载到 pdf”链接时,我想提取 div 元素中的内容并将其粘贴到 pdf 文件中。

我通过使用 jsPDF lib 收到了一些关于此的答案,但是是否有任何其他方法不使用 jsPDF? jsPDF 不支持这样的东西

    <div id="panel">
      //some codes 
      <a href=javascript:downloadPDF();>Download to PDF</a>
    </div>

    <script>
     function downloadPDF()
     
      what to write here to convert to PDF
     
    </script>

【问题讨论】:

【参考方案1】:

您可以使用 jsPDF .jsPDF 是一个开源库,仅使用 Javascript 即可生成 PDF 文档。

http://jspdf.com/

https://code.google.com/p/jspdf/

【讨论】:

【参考方案2】:

可以完成,但不是 10 行练习。

最兼容的方法是获取要放入 PDF 的内容,将其发送到服务器,然后使用服务器端的几个好的库中的任何一个来生成 PDF(在 Java 中,一个选项是 @ 987654321@,在 .Net 中有它的出色端口,iTextSharp;there's a php module 也用于 PDF)。

有一个名为 jspdf 的 JavaScript 库可用于在 JavaScript 中生成 PDF,无论是通过 NodeJS 或类似的服务器端,还是在某些浏览器上生成 data: URI。

【讨论】:

我下载了 jsPDF zip 文件...接下来要做什么?我是 javascript 新手...所以请指导我伙计 @user2094950:接下来要做什么?完成 JavaScript 教程,完成 jsPDF 网站上的教程,确保您对限制没有问题(特别是 wrt 浏览器支持)...

以上是关于如何在没有jsPDF的情况下使用javascript复制<div>元素的内容并将其粘贴到pdf [重复]的主要内容,如果未能解决你的问题,请参考以下文章

JSPDF:如何在 jsPDF 中编码 blob?

如何在带有 UTF-8 的 jsPDF 中使用“setFont”?

使用 jsPDF 将 HTML 输入值导出为 PDF

使用jspdf在pdf中添加图像

jsPDF可以分页吗?

如何在 jsPDF 中使用自定义字体来创建 pdf?