基础用法
html2canvas(this.$refs.heihie, {
backgroundColor: '#9A91F8', //背景色
useCORS: true //允许图片跨域
}).then(canvas => {
//生成base64图片
this.imgData = canvas.toDataURL("image/jpeg");
})
注意:
1 . 需下载以下版本 "html2canvas": "1.0.0-rc.4", 否则ios低版本系统会有bug,版本过高的降下来吧 别给自己留bug
2. 如果需要绘制图像,需要监听这张图片加载完成之后在进行截取,否则ios部分机型无法截取到图像。
解决办法:利用img标签的complete属性 true为图片加载完毕
