Failed to execute 'toDataURL' on 'HTMLCanvasElement': shadow canvases may not be exported

I have a canvas that was created by a user (me) by dragging and dropping an image into the dropzone. As part of saving the image, I call toDataURL.

var theCanvas = document.getElementById ("idCardCanvas");

var urlImage = theCanvas.toDataURL ();

This code worked for months when it was run from the same domain, littlecardeditor.com.

Now I am adding this feature to Radio3, http://radio3.io/ .

Both domains are Amazon S3 buckets, both have the same CORS configuration (I'm holding onto straws here, I don't understand why CORS is included as the images are coming from my hard drive and not from any domain).

I have dragged images from the desktop based on advice from another thread.

None of this matters. It works when I use it on littlecardeditor.com and fails with a "broken canvas" error when called on radio3.io.

Not sure what else to see. Any hints would be much appreciated! :-)

+3
cors html5-canvas amazon-s3


source to share


No one has answered this question yet

Check out similar questions:

151
Thin canvases may not be exported
five
Amazon S3 image, cannot be saved using html5 canvas, gives Tainted Canvases Error
2
What am I setting for CORS settings and where to keep my canvas from messing up?
1
Get img from canvas (toDataURL) & # 8594; Thin canvases may not be exported
1
'toDataURL' in 'HTMLCanvasElement': Thin canvases may not be exported
0
Can't display image from S3 bucket in WebGL
0
Failed toDataURL for HTMLCanvasElement: Corrupted canvases cannot be exported. Even with CORS tags in the north
0
Saving image from canvas using toDataUrl () method - workaround for canvas skin error?
0
SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': infected canvases may not be exported
0
DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': shadow canvases may not be exported



All Articles
Loading...
X
Show
Funny
Dev
Pics