vue使用html2canvas导出图片 网络图片跨域问题不显示解决方案
·
只需要在img标签上加上 crossorigin="anonymous" 即可解决
<img crossorigin="anonymous" :src="info.weappQrCode" alt="" style="border-radius: 50%;">
备用方法:
自定义方法:
getImageFromUrl() {
let url = this.info.weappQrCode
return axios({
url,
method: 'get',
responseType: 'blob'
}).then(response => {
const fileReader = new FileReader();
fileReader.readAsDataURL(response.data);
return new Promise(resolve => {
fileReader.onload = () => {
const base64Data = fileReader.result;
resolve(base64Data);
};
});
});
}
然后使用方法:
let base64 = await this.getImageFromUrl(this.info.weappQrCode)
//将原来图片地址的字段替换为这个base64 就行
//然后再尝试html2canvas
更多推荐



所有评论(0)