ローカル画像をgetImageDataを使うとエラーが出る

Firefox だと「'Security error" code: "1000'」、Google Chrome だと「SECURITY_ERR: DOM Exception 18」が発生します。

回避方法

Firefoxの場合
about:config から、security.fileuri.strict_origin_policy を false に設定する

Google Chromeの場合
起動オプションに「--allow-file-access-from-files」を付加する

下記サイト様より抜粋させていただきました。

参考サイト

地平線に行く