[javascript]canvasのgetImageData関数でSECURITY_ERRにはまる

●getImageDataについてはこちら
createImageData, getImageData, putImageData メソッド - Canvasリファレンス - HTML5.JP
http://www.html5.jp/canvas/ref/method/getImageData.html

●解決にはここが参考になりました
canvas の getImageDataが少しめんどくさい（特にローカルで動かす場合） - 地平線に行く
http://d.hatena.ne.jp/chiheisen/20100815/1281885412


「SECURITY_ERR: DOM Exception 18」というメッセージはChromeのもので、FireFoxだと「Security error code: 1000」というメッセージがでるようです。

要するに、getImageData関数は、外部から引っ張ってきた画像に対しては利用できない決まりになってて、ローカルで実行させると外部画像扱いになってしまうみたいです。

んなもん、言ってくれないと解んないよねー。
一回はまって調べたはずなのに、そのときはあっさりスルーしてたもんで、また時間使っちまったよ。