20

JavascriptでPNGまたはBMP画像からピクセルの配列を取得することは可能ですか？画像からRGB配列を取得して、ピクセルの配列を操作し、変更した画像をキャンバスに描画できるようにしたいと思います。

更新：ここで正確な重複を見つけました：javascriptを使用してページ内の画像のRGB値を取得する方法は？

ただし、この問題を実際に解決する方法については、答えはあまり詳しく説明されていません。

4

1 に答える 1

18

ネット上には、キャンバスのRGBA値を取得するHTMLCanvasimageDataの使用に関する100のチュートリアルがあります。キャンバスimageDataを検索すると、たくさんの情報が見つかります。

あなたがしなければならないのは：

ctx.drawImage(img, 0, 0);
var imgData = ctx.getImageData(x, y, width, height).data;

imgDataは、4つの場所ごとが各ピクセルである配列になりました。最初のピクセルもそう[0][1][2][3]です。[r][g][b][a]

于 2012-05-07T01:06:55.557 に答える