JS 圖片跨域問題

使用JS創建圖片元素然後在JTopo或three.js中使用時報以上錯誤，JS代碼如下：

var _t=this;    
var houseImg = new Image();
houseImg.crossOrigin='*';
houseImg.crossOrigin = "Anonymous";
houseImg.src = url;
houseImg.onload = function () {
     _t.backgroundNode=new JTopo.Node();
     _t.backgroundNode.zIndex=1;
     _t.backgroundNode.myType = "map";
     _t.backgroundNode.dragable=false;
     _t.backgroundNode.showSelected = false;
     _t.backgroundNode.setImage(houseImg, true); 
}

雖然這裏設備了crossOrigin,但是還是需要服務器也配置一下Access-Control-Allow-Origin

打開IIS，找到“HTTP響應標頭”點進去，

在右側可以看到添加，然後添加如下標頭即可

Access-Control-Allow-Headers：Content-Type, api_key, Authorization

Access-Control-Allow-Origin：*