2

FileReader API を介して画像を読み取り、キャンバスに表示する Web アプリを構築しています。その後、次に示すように、キャンバスで .getImageData 呼び出しを行った後、ピクセルごとに画像の色を変更します。

// Color Image on Canvas
ctx = document.getElementById('my_canvas').getContext('2d');
var img_px = ctx.getImageData(0,0,canv_w,canv_h);
img_px = colorImage(img_px,red,green,blue);
ctx.putImageData(img_px,0,0);

colorImage()は、対応する RGB カラー コードを指定してピクセル値を変更する、私が作成した関数であり、確実に機能します。上記のコード スニペットは、画像をローカルで読み込んでいるときは機能しますが、Dropbox のパブリック アカウントなどのオンライン サーバーから画像にアクセスしようとすると機能しません。Firefox は、これはセキュリティの問題だと言っています。それを回避する方法はありますか?

4

1 に答える 1