去飽和使用pixastic - jquery

Question

我使用pixastic jquery插件，我得到這個錯誤：「無法從畫布獲取圖像數據，因爲畫布已被交叉原點數據污染。」

我才知道，這ERR來當圖像不在同一個域中，但..我的形象是在本地文件系統中

$(document).ready(function() { 

    $("#phone1").load(function() { 

     $("#phone1").pixastic("desaturate"); 
    }); 

}); 

Answer 1

我也對其他跨域發現了這個「問題」與Chrome瀏覽器ajax加載命令。這是Google Chrome中一些增強的安全設置，我沒有真正設法確定。

所以也許這並不算真正的解決方案，但我發現通過像MAMP，LAMP或WAMP這樣的本地網絡服務器（所有簡單的apache安裝）爲開發頁面提供服務解決了這個問題（或者將開發工作放在了在線服務器）

Answer 2

今天有同樣的問題。

有兩種方法：

1. （不安全）變化Pixastic的代碼來使用這一招：dataImg.crossOrigin = ''
2. （安全的）圖片的來源上啓用CORS headers

如果您有控制你的圖像的來源，它在另一個域/子域我建議使用解決方案2.如果來源是其他人和真的相信你可以使用1.

否則你運氣不好。