title: THREE.js: Cross-origin image load denied by Cross-Origin Resource Sharing policy
body: <p>My Chrome version is  31.0.1650.57</p>
  
  <p>I'm learning THREE.js and downloaded a planet sample from <a href="https://github.com/jeromeetienne/threex.planets/" rel="noreferrer">https://github.com/jeromeetienne/threex.planets/</a></p>
  
  <p>But when I run the earth.html</p>
  
  <p>a strange error happens as the title says:</p>
  
  <pre><code>THREE.WebGLRenderer 59 three.min.js:424
  Cross-origin image load denied by Cross-Origin Resource Sharing policy. earth.html:1
  Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': the canvas has been tainted by cross-origin data. threex.planets.js:73
  (anonymous function) threex.planets.js:73
  </code></pre>
  
  <p>I looked through the code and find something that might be related to this error:</p>
  
  <pre><code>THREEx.Planets.baseURL  = '../'
  ...
  map: THREE.ImageUtils.loadTexture(THREEx.Planets.baseURL+'images/earthmap1k.jpg'),
  </code></pre>
  
  <p>But I don't know how to fix it, I'm relatively new to javascript,</p>
  
  <p>hope someone would help me out!</p>
  
  <p>Thanks a ton!</p>