title: Cross domain image in THREE.js
body: <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>