Cross domain image in THREE.js
<p>I have an app on app.domain.com and I want to load some images as textures from image1.domain.com, image2.domain.com, etc.</p>

<p>I am using  this code:</p>

<pre><code>var texture = new THREE.Texture();
var image = new Image();
image.crossOrigin = 'anonymous';
image.onload = function() {
    texture.image = image;
    texture.needsUpdate = true;
    texture.minFilter = THREE.LinearFilter;
};
image.src = url;
</code></pre>

<p>On my image response header I have <code>Access-Control-Allow-Origin:app.domain.com</code> but I still get this error </p>

<blockquote>
  <p>three.js?201606101337:30942 DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The cross-origin image at url may not be loaded.</p>
</blockquote>