vue解决html2canvas图片跨域问题
2020-02-21 本文已影响0人
yoko小柚子
首先先确认一下如果把浏览器disable cache 勾上还会不会存有跨域问题
如果勾选上还存在的话就到阿里云配置跨域处理，如果勾选上不存在的话 解决方案如下
浏览器缓存
在img标签上加是 crossorigin="anonymous"，然后在图片地址后面带上一个随机字符串，为了防止浏览器缓存
<img :src="data.imageUrl + '?' + randomString(6)" crossorigin="anonymous">
html2canvas配置加上 allowTaint:false, useCORS:true,
html2canvas配置
完美解决，困扰了一下午终于找到解决方案
