HTML页面导出为PDF

交接的内容中涉及到了HTML页面导出为PDF这一功能需求,虽然之前由看过,但是为了防止自己忘记,还是自己再实践一下的好,嗯。

测试

1:准备两个js文件

jsPdf.debug.js  //选择合适你的版本
html2canvas.js  //选择合适你的版本
需要这样两个js文件,其中html2canvas.js文件主要用于将html文件转换为图片,而后jsPdf.debug.js文件负责将图片导成文件。

2:准备一个测试页面

HTML页面导出为PDF_第1张图片

3:增加一个按钮,导出pdf

代码部分:

	
        
        
	
        

界面展示:

HTML页面导出为PDF_第2张图片

点击按钮后,弹出:

HTML页面导出为PDF_第3张图片

点击保存文件,打开这个文件后:

HTML页面导出为PDF_第4张图片

链接推荐
https://segmentfault.com/a/1190000009211079


你可能感兴趣的:(Web后端,HTML,PDF,html2canvas,jsPdf)