解决方案一

1.首先将 package.json 中的 html2canvas 版本降低为【1.0.0-rc.4】

版本降低方法

首先移除 html2canvas 【npm uninstall html2canvas】

然后安装指定版本 【npm install --save html2canvas@1.0.0-rc.4】

解决方案二

因为这是html2canvas插件的bug，这里有修改源码后的地址：

https://github.com/Liusq-Cindy/html2Canvasimport html2canvas from "../../utils/html2canvas"; //获取详情        getinfo(hid,sign){            this.loading=true

this.$apiRequest('details', {

"hid":Number(hid),

"sign":sign

}).then(res => {                this.info = res.data               // alert(res.data.avatar)

this.qrcode = this.changeUrl(res.data.qrcode)                this.$nextTick(()=>{                if(res.data.poster_type==="0"){                     //alert("请求接口")

this.$nextTick(()=>{

setTimeout(()=>{

let poster = document.getElementById("haibaoone");                            this.createImg(poster)

},1000)

})

}else if(res.data.poster_type==="1"){                    //alert("请求接口")

this.$nextTick(()=>{

setTimeout(()=>{

let poster = document.getElementById("haibaotwo");                            this.createImg(poster)

},1000)

})

}

})

})

},

createImg(dom) {

(window.html2canvas || html2canvas)(dom, {

dpi: 80,

useCORS: true,

scale: 4,

async: true,                // width: dom.offsetWidth,

// height: dom.offsetHeight

x: this.getActuralPosition(dom).left + parseInt(this.getScrollWidth()/2),

y: this.getActuralPosition(dom).top,

}).then(canvas => {                this.imgSrc = canvas.toDataURL("image/jpeg");                this.showdiv = false

this.loading=false

//alert("s生成图片成功")            })

.catch(err => {                this.loading=false

//alert("s生成图片失败")            })

},