畫布受CORS圖像污染

Question

我無法在畫布上使用啓用CORS的圖像（Pixastic）。

在服務器上我有

Header set Access-Control-Allow-Origin "*" 

在我的htaccess文件。

在客戶端我嘗試設置crossorigin屬性在HTML中，像這樣：

<img src="http://myseconddomain/image.jpg" crossorigin="anonymous" /> 

沒有成功。 之後，我嘗試在Pixastic的代碼：

var el = elements[i]; 
el.crossOrigin = 'anonymous'; 

也不管用。

我也禁用了chrome的緩存，但它沒有幫助。

Chrome的記錄：

Uncaught Error: SECURITY_ERR: DOM Exception 18 
Unable to get image data from canvas because the canvas has been tainted by cross-origin data. 

即使HTML看起來很好（crossorigin屬性設置），圖像標題，看起來罰款（Access-Control-Allow-Origin）... 我不知道下一個嘗試的東西，所以任何建議歡迎！

不幸的是，我不能提供任何鏈接，因爲這個應用程序是遠遠沒有生產，你可以猜測。

Answer 1

我找到了一個方法，我會在這裏發佈，希望有一天它能幫助別人。

它發生了我沒有搞錯Pixastic的代碼中的正確函數，因爲init（）函數並不總是像我第一次想到的那樣調用。

我加在Pixastic.process（）函數以下行：

dataImg.crossOrigin = "anonymous"; 

而且它的伎倆。