首页 > 其他分享 >Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not b

Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not b

时间:2023-04-19 10:57:55浏览次数:32  
标签:HTMLCanvasElement canvases execute crossOrigin Anonymous Failed myImage Tainted 

最近在使用图片导出base64 的时候遇到下面的报错

我的代码如下

let myImage = new Image();
myImage.src =imgSrcData;
myImage.crossOrigin = 'Anonymous';

网上查阅资料,都说 给图片设置 crossOrigin 值为 Anonymous 就可以了,我这么设置,但是依然不行,后来才发现,设置这个crossOrigin的时机是有要求的

设置crossOrigin 必须在图片加之前设置, 同样如果是视频的话, 也得在视频加载之前设置,这样就没问题了,代码就调整下顺序

let myImage = new Image();
myImage.crossOrigin = 'Anonymous';
myImage.src =imgSrcData;

标签:HTMLCanvasElement,canvases,execute,crossOrigin,Anonymous,Failed,myImage,Tainted,
From: https://www.cnblogs.com/yalong/p/17332532.html

相关文章