img图片跨域问题(场景:阿里oss,腾讯oss,其他第三方文件服务器)
BUG场景
html2canvas合并两张阿里OSS的图片跨域导致报错问题,报错环境:搜狗,360,win7谷歌浏览器,并且报错环环相扣
解决方案
合并的img标签加上crossorigin = "anonymous"解决搜狗报错问题,但是360合成图片仍然报错,因为js加载img标签导致缓存跨域,所以克隆的DOM节点内图片链接加上时间戳
cloneDom[0].innerHTML = cloneDom[0].innerHTML.replace(/.png/g,'.png' + '?' +(new Date()).getTime())
以此解决,搜狗,360,win7谷歌浏览器跨域问题BUG。
解决方案二
oss图片链接转换成base64图片不会导致跨域问题。