jspdf.js在浏览器生成pdf文档,下载文件到本地磁盘

HTML5的时代，浏览器端生成PDF文件，已经是能实现了。放在以前的 flash 时代，js能力很弱，确实做不到。但是现在是可以在浏览器客户端，实现js创建PDF、编辑修改PDF等操作。

下面通过开源的 jspdf.js 实现PDF文件的创建、添加文字

jspdf.js 版本 v2.5.1

https://github.com/parallax/jsPDF

jspdf 文档doc: https://rawgit.com/MrRio/jsPDF/master/docs/index.html

Demo 示例演示

点击按钮，马上能得到js创建的pdf文件，会弹出下载提示，可把PDF下载到本地磁盘。

下载pdf文件

jspdf demo 的功能

• js创建pdf文件(在浏览器中，不依赖服务器)
• js在pdf文件中插入文字，做pdf编辑，在浏览器中在线编辑PDF
• 下载jspdf.js创建的PDF文档文件，导出到本地磁盘

完整的示例代码

<script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/jspdf/2.5.1/jspdf.umd.min.js"></script>

<script>

  function exportPdf() {

    var doc = new jspdf.jsPDF({

      orientation: 'p',

      // orientation: 'l',

      unit: 'px',

      format: 'a4',

    });

    doc.text('123 test 456 ' + location.host, 100, 20)

    doc.text('123 test ' + Date.now(), 100, 100)

    // 注意，不支持 中文，插入中文需要加载较大的字体包

    var filename = location.host + 'jspdf-demo.pdf'

    doc.save(filename)

  }

</script>

<button onclick="exportPdf()">下载pdf文件</button>