pixastic-jqueryを使用した不飽和化

Question

pixastic jqueryプラグインを使用していますが、「キャンバスがクロスオリジンデータによって汚染されているため、キャンバスから画像データを取得できません。

私はイメージが同じドメイン内にはありませんが...私のイメージは、私はまた、他のクロスドメイン上のChromeでこの「問題」を見つけ

$(document).ready(function() { 

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

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

}); 

Answer 1

ローカルファイルシステムにあるときに、このerrが来ることを知っているようになりましたajaxロードコマンド。 Google Chromeではセキュリティ設定が強化されていますが、私は本当にピン止めしていません。

これは本当に解決策にはなりませんが、MAMP、LAMP、WAMP（すべての簡単なApacheインストール）のようなローカルWebサーバーを使って開発ページを提供すると、そのトリックが解決されますサーバー）

Answer 2

今日同じ問題がありました。

二つのアプローチがあります。

1. （危険な）変更このトリックを使用するPixasticのコード：dataImg.crossOrigin = ''
2. （安全な）があなたの場合は画像

のソースにCORS headersを有効にしますあなたの画像のソースを制御し、それは別のドメイン/サブドメインにあります。解決策2を使用することをお勧めします。ソースが他の人で、が本当にはあなたが1を使用できると信じています。

そうでなければ運がありません。