title: Cross-origin image load denied by Cross-Origin Resource Sharing policy
body: <p>I use html2canvas (from html2canvas.hertzen.com)  to capture screenshot. I got this strange error like this: 
  The code of my webpage is put on one host, say Host A.
  If my webpage contains an image on another host, say Host B, then I hit this error: 
  Cross-origin image load denied by Cross-Origin Resource Sharing policy</p>
  
  <p>However, the confusing part is that if Host B is  facebook (my image is a direct link to facebook  <a href="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/372701_100000684388457_1551561655_q.jpg" rel="nofollow">https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/372701_100000684388457_1551561655_q.jpg</a>) then the error disappear.</p>
  
  <p>My function</p>
  
  <pre><code>html2canvas([document.body], {
                      useCORS : true,
                      logging : true,
                      onrendered : function(canvas) {
                          document.body.appendChild(canvas);
                          var myImage = canvas.toDataURL("image/png");
                          window.open(myImage);
                      }
  </code></pre>
  
  <p>Anyone got a tip? Tks</p>
  
  <p>solution </p>
  
  <pre><code> html2canvas([document.body], {
                                      useCORS: true,
                                      proxy: "Server",
                                      onrendered : function(canvas) {                               
                                          ListUCapture = canvas.toDataURL("image/png");                                                           
                                      }
                       });
  Server is server of node.js
  </code></pre>