解决方法:去阿里云设置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分钟后再看下就可以正常生成图片了。