chromeでgetimagedataができない

Question

今回、chromeでcanvasを使用していたのですが、getImagedataというところでエラーが出て、画像をクリックしたところのRGB値を取得できなかった。そこで、調べていくと、下記のURLに改善策が掲載していたのでやってみました。
http://hp.vector.co.jp/authors/VA049605/http_server_anywhere.html
しかし、使い方が悪いのか、一向に動きません。画像を表示させることもできなかったです。
どなたか、教えてもらえないでしょうか？
もしくは、canvas以外でも良いので画像のRGB値を取得する良い方法があれば、それについても教えてほしいです。
//追記
エラーコードがこれです。
.getImageData(0, 0, canvas.width, canvas.height);

エラーメッセージがこれです。
Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.

下記のURLを参考にしました。
http://d.hatena.ne.jp/chiheisen/20100815/1281885412

Comments

[Lhankor_Mhy]

エラーメッセージとその部分のコードをご提示ください。ところで「改善策」というのはどれでしょう？ 当該ページにはcanvasという言葉も出てこないようにみえます。

[Lhankor_Mhy]

「画像を表示させることもできなかった」とありますが、HTMLは表示させることができたのでしょうか？ そうであれば、HTMLと画像ファイルは同じディレクトリにありますか？

[th3]

はい、確かに同じディレクトリにあります。

[Lhankor_Mhy]

HTTP Server Anywhere があるディレクトリにHTMLファイルや画像ファイルが入っていますか？　また、ダブルクリックなどでHTMLファイルを開いてませんか？ http://127.0.0.1/(目的のファイル) のアドレスからアクセスしていますか？

[th3]

testのフォルダにmap.jpgもHTMLも入れているのですが、このエラーが出てしまいます。
http://127.0.0.1/test/map.jpg 404 (Not Found)

[Lhankor_Mhy]

HTMLファイルも http://127.0.0.1/test/... で開いてますよね。これは404にならないのですか？

[th3]

はい、こちらはエラーは出てないです。
画像だけ出ます。

[Lhankor_Mhy]

なんだか厄介そうですね……　はてダに書いてあった起動オプションを使う方法ではダメなのでしょうか。

[th3]

--allow-file-access-from-files.
こちらの起動オプションのことですよね？
これでもエラーは消えませんでした

Answer 1

HTTP Server anywhere は最新版ですか？
リンク先を見ると1.0.1で「ブラウザで画像やJavaScriptが正常に扱われない問題を修正」の不具合が修正されているようです。

他の簡単に動かせるwebサーバーを試してみてはどうでしょうか。

Comments

[th3]

試してみましたが、やはりエラーは消えませんでした。