The canvas has been tainted by cross-origin data.

[Emad-AiDev]

Hello,

Could you please check the error ? Is that something possible to resolve. I use CDN and I guess that would be the issue.

background-check.min.js?ver=5.3:5 Uncaught DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.

[ShinichiroMike]

Same here

[enoversum]

Would love to know as well, also using a CDN here.

[phanmn]

I add the list[e].img.crossOrigin = 'anonymous'; to solve this issue

[enoversum]

I add the list[e].img.crossOrigin = 'anonymous'; to solve this issue

Just wondering why you have a different row number where your code goes (mine is 165 on script version 1.2.2), but unfortunately, it doesn't seem to work. Still reporting the same ol' error.

[phanmn]

@enoversum I formatted code for my typescript project. My image url has access-control-allow-origin: * this line at response header and my image is a css background url

[enoversum]

@enoversum I formatted code for my typescript project. My image url has access-control-allow-origin: * this line at response header and my image is a css background url

Ah, alright, so different scenario from just including the script in a page, pointing at CDN images.

[iamrobert]

I noticed that when I lazyloaded the background-check js file I got this error. So when I initiated it on every page it disappeared.