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圖片不會導致跨域問題。