前端导出PDF文件

1 功能介绍

功能名称： 前端导出PDF文件

功能范围： 前端

应用场景： 用户填写的表单需要生成PDF文件，方便用户后续保存和查阅。

功能用途： PDF生成功能基于jspdf和html2canvas，纯前端实现。将需要生成PDF的页面先截取生成图片，然后通过jspdf解析成PDF文件。使用简单，方便上手，无需后端参与，效率高。

2 功能使用

2.1 安装

通过npm形式安装

  npm install ntools.js
  // 或者
  yarn add ntools.js

兼容性：支持IE10以上

2.2 使用

引入组件

  import NTools from 'ntools.js';

调用 downLoadJSPDF方法

  <div id="app">需要生成pdf的内容区域</div>

  NTools.downLoadJSPDF('app', '生成pdf的文件名').then(file => {
    // 成功后的文件
    console.log(file)
  }).catch(err => {
    // err 生成胜败的错误信息
  })

3 API

downLoadJSPDF(id, fileName, type)

| 参数 | 含义 | | -------------------- | ------------------ | | id | dom的id名 | | fileName | 文件名 | | type | 返回类型：file，blob； 默认file |