ローカル画像を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」を付加する
下記サイト様より抜粋させていただきました。