2012-03-18 4 views
2

ブラウザウィンドウに読み込まれたすべてのイメージをグレースケール/白黒に変換する簡単なgreasemonkeyスクリプト/ chrome userscriptを作成する可能性を探求したいと考えています。究極の目標は、より複雑な画像処理を行うことです。私は何をしたいのは、次のようなものを含むオンロード機能を追加するためのスクリプトを記述している:イメージオンロードを処理するユーザースクリプト

var images = document.getElementsByTagName("img"); 
for (var i = 0; i < images.length; ++i) { 
    filter(images[i]); 
} 

私はこの種のものは、ページが(すなわちに組み込まれてからロードされているのと同じドメイン上で行うことができます知っています私が読んだことや私が行った初期の実験(html5 canvasesで)から、クロスドメイン問題やその他の問題のためにプラグインを介してクライアント側から実行することが可能かどうか疑問に思っています。これが実行可能なプロジェクトであれば誰でも教えてもらえますか?参考として使用できるチュートリアルや類似のプロジェクトはありますか?

ありがとうございました。

+0

これは、単純なクライアントサイドスクリプトとして実装することができないと思われる別のスレッドへの参照です。http://stackoverflow.com/questions/8128118/get-security-error-when-saving- canvas-object-into-an-image –

答えて

2

私はあなたがこのスクリプトの目的を持っていれば、それはuserscriptを作ることが実現可能であると言います。

私はそれがあなたに大いに役立つと想像するので、this linkを見ることをお勧めします。

+0

お返事ありがとうございます。しかし、そのようなプロジェクトの実現可能性について尋ねる理由の1つは、リンクに記載されている方法を実装すると、デバッグウィンドウに次の2つのエラーが表示され、スクリプトが機能しなくなることです。 "イメージを取得できませんキャンバスはクロスオリジンのデータによって汚染されているため、キャンバスからのデータを扱うことはできません。 "キャッチされていないエラー:SECURITY_ERR:DOM例外18"。私はこの問題を回避しようとして見た唯一の方法も同様のエラーを生成するように見えるので、私がしようとしていることがjavascriptとブラウザの制限の限界の外にあるかどうかは分かりません。 –

+0

私はもう少し調査をしましたが、ブラウザーの制限により、どのブラウザーでこれをテストしているのでしょうか? – Bigandrewgold

+0

私はこれをchromeとfirefoxでテストしました。私がプロキシサーバーなしでこれを回避することができる唯一の信頼できる方法は、ブラウザーの起動(つまり、chrome - disisable-web-securityやfirefoxのようなもの)の制限を無効にすることです。これを見ていただきありがとうございます。私はそれが実現可能ではないかもしれないと思う。 –

関連する問題