如何将动态图片和文字转为一张图片

npm install html2canvas --save

data() {
return {
dataURL: ‘’
}
},
dataURL是最后转化出来的图片base64地址，放在img标签中即可展示。?
methods: {
toImage() {
html2canvas(this.$refs.imageWrapper,{
backgroundColor: null
}).then((canvas) => {
let dataURL = canvas.toDataURL(“image/png”);
this.dataURL = dataURL;
});
}
}
//将链接图片转化为本地图片

1.npm安装：npm install qrcanvas2.页面引入：import { qrcanvas } from ‘qrcanvas’;3.html：写一个带id(id自定义)的div

created() {
let that = this;
that. KaTeX parse error: Expected '}', got 'EOF' at end of input: …Component(that.route.query.url), //分享链接（根据需求来）
size:128 //二维码大小
});
document.getElementById(“qrcode”).innerHTML = ‘’;
document.getElementById(‘qrcode’).appendChild(canvas1);
})
},
注意对于线上图片不能转换，只能有后台将图片转为base64s所以它支持图片转换为（本地图片和base64,链接图片不支持）