首页 > Web开发 > 详细

html->pdf直接下载

时间:2019-07-23 15:55:52      阅读:172      评论:0      收藏:0      [点我收藏+]
import html2Canvas from ‘html2canvas‘
import JsPDF from ‘jspdf‘
export default{
    install (Vue, options) {
        Vue.prototype.$getPdf = function (dom) {
           // var title = this.htmlTitle;
            console.log(dom);
            html2Canvas(dom, {
                allowTaint: true
                // allowTaint: false,
                // useCORS: true
            }).then(function (canvas) {
                    let contentWidth = canvas.width;
                    let contentHeight = canvas.height;
                    let pageHeight = contentWidth / 592.28 * 841.89;
                    let leftHeight = contentHeight;
                    let position = 0;
                    let imgWidth = 595.28;
                    let imgHeight = 592.28 / contentWidth * contentHeight;
                    let pageData = canvas.toDataURL(‘image/jpeg‘, 1.0);
                    let PDF = new JsPDF(‘‘, ‘pt‘, ‘a4‘);
                    if (leftHeight < pageHeight) {
                        PDF.addImage(pageData, ‘JPEG‘, 0, 0, imgWidth, imgHeight)
                    } else {
                        while (leftHeight>0) {
                            PDF.addImage(pageData, ‘JPEG‘, 0, position, imgWidth, imgHeight);
                            leftHeight -= pageHeight;
                            position -= 841.89;
                            if (leftHeight>0) {
                                PDF.addPage()
                            }
                        }
                    }
                    PDF.save(new Date().getTime() + ‘.pdf‘)
                }
            )
        }
    }
}

  

html->pdf直接下载

原文:https://www.cnblogs.com/holy-amy/p/11232146.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!