导出pdf

 
<!-- PDF --> <script src="../../../js/toPDF/jspdf.debug.js"></script> <script src="../../../js/toPDF/html2canvas.js"></script> <!-- PDF结束 -->
//点击导出按钮导出pdf
$("#pdfBtn").on('click', function () {
    var pdfName=$(this).parent().siblings().find(".wrapBoxTitle .fileName").html();
    // 将 id 为 content 的 div 渲染成 canvas
    html2canvas(document.getElementById("contentBox"), {
        // 渲染完成时调用,获得 canvas
        onrendered: function (canvas) {
            // 从 canvas 提取图片数据
            var imgData = canvas.toDataURL('image/png');
            //初始化pdf,设置相应格式
            var pdfUrl = url
            var pdfData = {
                "filePath": "pdf",
                "fileName": "pp.png",
                "base64String": imgData
            };
            postData(pdfUrl, JSON.stringify(pdfData), function () {
                var doc = new jsPDF("p", "mm", "a4");
                //这里设置的是a4纸张尺寸
                doc.addImage(imgData, 'png', 0, 0, 210, 297);
                //输出保存命名为content的pdf
                doc.save(pdfName+'.pdf');
            });
        }
    });
});
html转为pdf时,背景是黑色的,需要把导出的页面或者盒子的背景置为白色
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值