title: Cross-origin image load from cross-enabled site is denied
body: <p>I'm trying to use CORS enabled image which is located on cors-enabled site: dropbox.com.<br>
  I've got an error: <strong>cross-origin image load denied by CORS policy.</strong></p>
  
  <p>How to fix it?</p>
  
  <pre><code>&lt;html&gt;
      &lt;body&gt;
          &lt;img id="output" src="#"/&gt;
  
          &lt;script&gt;
              var img = new Image();
              img.crossOrigin = "anonymous";
  
              var canvas = document.createElement("canvas");
  
              img.onload = function () {
                  canvas.width = img.width;
                  canvas.height = img.width;
                  var ctx = canvas.getContext("2d");
                  ctx.drawImage(img, 0, 0);
              }
  
              img.src = "https://www.dropbox.com/s/54an0126onoxezj/stone1.png";
  
              var output = document.getElementById("output");
              output.src = canvas.toDataURL("image/png");
  
          &lt;/script&gt;
      &lt;/body&gt;
  </code></pre>
  
  <p></p>