阿里云OSS设置防盗链Referer规则以后，html2canvas加了useCORS还是报No ‘Access-Control-Allow-Origin‘解决方法

解决方法：去阿里云设置js跨域规则，图片加属性 crossOrigin=“anonymous”，如果不报错但是图片出来是空白，那就给每个图片后面加上时间戳，例如xxx.png?1610785463000

<img crossOrigin="anonymous"/>

---

用html2canvas生成图片，遇到跨域问题，直接出现了空白，加上了 useCORS:true 之后跨域错误（No ‘Access-Control-Allow-Origin’ header is present on the requested resource），因此要去阿里云设置下。

html2canvas(document.querySelector("#showlangpicbox .showlangpicbox"),{
     useCORS:true,
  　　onrendered: function(canvas){
      　　　         console.log("完成")
　　　　　  　          var dataURL = canvas.toDataURL("image/png");
                    // console.log(dataURL);
                                                   
                                    　　　　　　　
		}
                                         
 })

阿里云之前只设置了Referer规则，没有设置js跨域规则

按上面方法设置下保存即可。

这里需要注意：
不是立即生效！不是立即生效！不是立即生效！耐心等1–3分钟后再看下就可以正常生成图片了。