前端学习——使用jspdf组件，将网页转换为pdf并下载

相关引用：

jspdf.js下载网址：https://www.npmjs.com/package/jspdf

https://www.oschina.net/news/88801/jspdf-1-3-5

pdf分页方法：https://blog.csdn.net/zt_fucker/article/details/76585341

 

应用场景：

对canvas元素，可以直接通过对应的base64数据格式下载pdf；针对普通的html元素，则需要使用html2canvas.js组件，现将元素转换成canvas，再使用jspdf.js下载。

支持图片、文字等转换为pdf。

 

主要用法：

1、获得js实例 

var doc=new jsPDF(arg1,arg2,arg3,arg4);

arg1：保存的方向，有p、landscape两种值；

arg2：尺寸单位，如pt，mm等；

arg3：尺寸，默认为a4，可以是a0、a1等，也可以是[width,heigth]这种自定义格式；当使用自定义格式时，arg1应该使用landscape值，否则可能不会生效；

arg4：boolean，用途还未了解；

2、将图片转为为pdf（文字转换参考官网api）

doc.addImage(imgData, format, left, top, 280, 210）

imgData：base64格式的数据；

format：imgData格式的数据类型

left|top：pdf边距

 

3、其他方法

doc.addPage()：新增加一页；。

 

 

doc.save(arg1) ——保存文件，保存的形式与浏览器的下载形式相关；

arg1:文件名