html2canvas 下载图片

html2canvas(that.$app, {
                'width' : that.$app.get(0).offsetWidth,
                'height' : that.$app.get(0).scrollHeight,
                'background' : '#fff',
                'scale': window.devicePixelRatio || 1,
                'onclone' : function(cloneDoc) {    
                },
                onrendered : function(canvas) {
                    var base64Data = canvas.toDataURL("image/png");
                    // 创建a标签 并设置其相关属性,最后触发其点击事件
                    let a = document.createElement("a")
                    let clickEvent = document.createEvent("MouseEvents");
                    a.setAttribute("href", base64Data)
                    a.setAttribute("download", "绩效下载")
                    a.setAttribute("target", '_blank')
                    clickEvent.initEvent('click', true, true)
                    a.dispatchEvent(clickEvent);
                        
                }
            });

 

posted @ 2022-12-07 14:31  luckylou  阅读(245)  评论(0编辑  收藏  举报