Geek asks and answers

Cross Origin Resource Sharing Headers do not work for safari only

I use rackspace to host my image files that are drawn on an html5 canvas object. Due to the HTML security feature when saving the canvas, I have to use CORS (Cross Origin header headers) to do the save work.

I tested my code on Chrome, IE with Chrome Frame and Firefox , and none of them gave me a security error after adding an image to the request headers:

Access-Control-Allow-Origin: *

and I added the following attribute to all the pictures drawn on canvas

crossOrigin = "anonymous"

However, for some reason, Safari still gives a security error.

SECURITY_ERR: DOM Exception 18: An attempt was made to break through the security policy of the user agent.

Any thoughts on why this happens on safari versions (desktop versions 5.1.7 and ipad)? I checked the documentation and everything I read says Safari 4+ supports CORS?

+5
source share
1 answer

Safari 5.2 in beta solves the problem. Thus, it seems that Safari does not yet support cors for images in released versions. The same goes for iOS safari

+2
source

More articles:


All Articles