I wanna create a litte page where people can create a kaleidoscope. I use an available script and added some image browse and Save-Funktionality. Now I have a weird problem
To complete CORS compatibility...
On the client-side you must also set the crossOrigin property of your Image object.
var img = new Image();
img.crossOrigin="anonymous";
img.src="yourImage.png";
So you will need to set the crossOrigin property in your canvas2Image.js also (about line 158).
Other good references
Here's a good link to enable cross-domain transfers on your site:
http://enable-cors.org/
And after you've configured your site, use this to test CORS compatibility:
http://client.cors-api.appspot.com/client#?client_method=GET&client_credentials=false&server_url=http%3A%2F%2Fatlantacodingcompany.com%2Fimages%2Fhouse1.jpg&server_enable=true&server_status=200&server_credentials=false&server_tabs=remote
Until you get your own site CORS compliant, you can use dropbox.com to test your site.
The .htaccess entry on the server where the images come from has to be:
Header add Access-Control-Allow-Origin "*"