html->pdf直接下载

àì夳堔傛蜴生んèń 2023-06-02 14:54 7阅读 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')
                    }
                )
            }
        }
    }

转载于:https://www.cnblogs.com/holy-amy/p/11232146.html

发表评论取消回复

表情：

评论列表（有 0 条评论，7人围观）

还没有评论，来说两句吧...

相关阅读

相关百度文库无需VIP和下载券直接下载

为博主不能每日测试，希望朋友们使用后评论反馈一下，如果不能使用了博主再尝试其它途径。百度文库无需VIP和下载券直接下载百度文库VVV神器：[http://wenk...

怼烎@/ 2024年04月19日 10:40/ 0 赞/ 155 阅读

相关 vue 返回下载链接直接通过axios下载

你可以使用 axios 来进行文件下载，例如： axios({ url: '/path/to/file', method: 'GET',

野性酷女/ 2023年09月25日 15:58/ 0 赞/ 196 阅读

相关 html->pdf直接下载

import html2Canvas from 'html2canvas' import JsPDF from 'jspdf' export defau

àì夳堔傛蜴生んèń/ 2023年06月02日 14:54/ 0 赞/ 8 阅读

相关 springboot直接从浏览器下载文件

@GetMapping("file/download") public void downloadDevtool(HttpServletRequest

秒速五厘米/ 2022年10月13日 05:18/ 0 赞/ 426 阅读

相关直接下载不打开

给你个函数,把文件名(带路径)和你下载显示的文件标题作为参数传入就行, 页面用个linkbutton,然后在linkbutton的click事件里调用这个函数即可如果

爱被打了一巴掌/ 2022年08月25日 13:52/ 0 赞/ 262 阅读

相关 nginx不浏览直接下载文件

当我们使用Nginx时,如果要让一些附件比如txt,pdf,doc等不直接在浏览器打开,而弹出另存为的对话框(也就是下载 ),则可以在nginx里添加如下配置: view

小咪咪/ 2022年08月10日 00:47/ 0 赞/ 343 阅读

相关 A标签直接下载文件

<a href="http://文件链接" download="">下载</a> 有时候不加download属性也可以，那是因为一些浏览器的原因。为了兼容大部分浏览器

旧城等待，/ 2022年04月16日 03:23/ 0 赞/ 397 阅读

相关 ie浏览器 ftp 直接打开下载问题

功能：直接在网页上设置ftp下载地址链接，在网页上点击时，直接下载。奇怪的现象：在ie上打开时下载不了，但是用有些浏览器（比如遨游）时，是可以下载的，而且用文件夹（ie

￡神魔★判官ぃ/ 2022年04月10日 11:52/ 0 赞/ 694 阅读

相关 Office 2010 beta直接下载地址

[http://care.dlservice.microsoft.com/dl/download/office2010/8/A/D/8AD2FE96-68AB-4DBA-86B

绝地灬酷狼/ 2022年04月01日 14:10/ 0 赞/ 474 阅读

相关导出csv文件（浏览器直接下载）

1.添加工具类CSVUtil import java.io.BufferedWriter; import java.io.File; import

落日映苍穹つ/ 2021年10月09日 10:36/ 0 赞/ 660 阅读