title: Canvas tainted with CORS images
body: <p>I'm having trouble using CORS-enabled images with canvas (Pixastic).</p>
  
  <p>On server I have</p>
  
  <pre><code>Header set Access-Control-Allow-Origin "*"
  </code></pre>
  
  <p>in my htaccess file.</p>
  
  <p>On client side I tried setting the crossorigin attribute in HTML, like so :</p>
  
  <pre><code>&lt;img src="http://myseconddomain/image.jpg" crossorigin="anonymous" /&gt;
  </code></pre>
  
  <p>without success.
   After that I tried in Pixastic's code :</p>
  
  <pre><code>var el = elements[i];
  el.crossOrigin = 'anonymous';
  </code></pre>
  
  <p>Does not work either.</p>
  
  <p>I also disabled chrome's cache, but it doesn't help.</p>
  
  <p>Chrome is logging :</p>
  
  <pre><code>Uncaught Error: SECURITY_ERR: DOM Exception 18 
  Unable to get image data from canvas because the canvas has been tainted by cross-origin data.
  </code></pre>
  
  <p>even if HTML looks fine (<code>crossorigin</code> attribute is set), image headers look fine (<code>Access-Control-Allow-Origin</code>)...
  I don't know what to try next, so any advice is welcome !</p>
  
  <p>Unfortunately I can't provide any link since this app is far from production as you can guess.</p>