jquery将html转为pdf文件,HTML+CSS入门 jsPDF插件实现将HTML页面转换成PDF详解

本篇教程介绍了HTML+CSS入门 jsPDF插件实现将HTML页面转换成PDF详解，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。

<

1、目的：在前段是 jQuery库 或者 VUE库 或者两者混合库，将html 页面和数据 转换成PDF格式并下载，支持分页

2、引入类库包：

3、需要下载页面内容，假设在一个DIV里面(vue2.0示例)：

@yield(‘search‘)

@yield(‘content‘)

导出PDF文件

function makeMpdf () {

if(confirm("您确认下载该PDF文件吗?")){

var pdf = new jsPDF(‘p‘,‘pt‘,‘a4‘);

// 设置打印比例 越大打印越小

pdf.internal.scaleFactor = 2;

var options = {

pagesplit: true, //设置是否自动分页

"background": ‘#FFFFFF‘   //如果导出的pdf为黑色背景，需要将导出的html模块内容背景 设置成白色。

};

var printHtml = $(‘#pdfDom‘).get(0);   // 页面某一个div里面的内容，通过id获取div内容

pdf.addHTML(printHtml,15, 15, options,function() {

pdf.save(‘目标.pdf‘);

<