jspdf +html2canvas 导出pdf并实现分页

 var element = $("#printDiv");    // 这个dom元素是要导出pdf的div容器

                            var pdfH="841.89"

                            var pdfW="595.28"

                            var w = element.width();    // 获得该容器的宽

                            var h = element.height();    // 获得该容器的高

                             element.css({
                                 "background-color": "white",
                                 "top": "0px",
                                 "z-index": "-1",
                                 "height": h,
                             });

                            var offsetTop = element.offset().top;    // 获得该容器到文档顶部的距离

                            var offsetLeft = element.offset().left;    // 获得该容器到文档最左的距离

                            var canvas = document.createElement("canvas");

                            var abs = 0;
                            var win_i = $(window).width();    // 获得当前可视窗口的宽度（不包含滚动条）
                            var win_o = window.innerWidth;    // 获得当前窗口的宽度（包含滚动条）
                            if (win_o > win_i) {
                                abs = (win_o - win_i) / 2;    // 获得滚动条长度的一半
                            }
                            canvas.width = w ;    // 设置画布宽&&高

                            canvas.height = h ;

                            var context = canvas.getContext("2d");

                            context.scale(1, 1);

                            context.translate(-offsetLeft - abs, -offsetTop);

                            // 这里默认横向没有滚动条的情况，因为offset.left(),有无滚动条的时候存在差值，因此
                            // translate的时候，要把这个差值去掉
                            html2canvas(element, {
                                //background: "#ffffff",
                                allowTaint: true,
                                taintTest: true,
                                canvas: canvas,
                                dpi: 172,//导出pdf清晰度
                                onrendered: function (canvas) {
                                    var contentWidth = canvas.width;

                                    var contentHeight = canvas.height;

                                    //一页pdf显示html页面生成的canvas高度;
                                    var pageHeight = contentWidth / pdfW* pdfH;

                                    //未生成pdf的html页面高度
                                    var leftHeight = contentHeight;

                                    //页面偏移
                                    var position = 0;

                                    //a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高
                                    var imgWidth = pdfW;

                                    var imgHeight =pdfW / contentWidth * contentHeight;

                                    var pageData = canvas.toDataURL('image/jpeg', 1.0);

                                    var pdf = new jsPDF('', 'pt', 'a4');

                                    //有两个高度需要区分，一个是html页面的实际高度，和生成pdf的页面高度(841.89)
                                    //当内容未超过pdf一页显示的范围，无需分页
                                    if (leftHeight < pageHeight) {
                                        pdf.addImage(pageData, 'JPEG', 5, 0, imgWidth, imgHeight);
                                    } else {    // 分页
                                        while (leftHeight > 0) {
                                            pdf.addImage(pageData, 'JPEG', 5, position, imgWidth, imgHeight)

                                            leftHeight -= pageHeight;

                                            position -= pdfH;

                                            //避免添加空白页
                                            if (leftHeight > 0) {
                                                pdf.addPage();
                                            }
                                        }
                                    }
                                    pdf.save('报告.pdf');
                                }
                            });