というものがあり、これによりCanvasのデータ列が取得できます。 data.dataは RGBA順の配列になっており、これを操作してCanvasにputし直すことで画像をなんらかの処理して表示できます。 今回は、下記の画像を使って、ネガポジ変換とグレースケール変換をやってみます。 (ちなみに写真は以前撮らせていただいたCANDY GO!GO!の菜月アイルさんです。) ちなみにサンプルを動かすとき、file:の画像をCanvasに読み込ませると、Canvasが汚染状態となり、getImageData()ができなくなるので、 カレントディレクトリでさっくりとWebサーバを起動させる等を参考にサーバーを起動させて確かめてください。 ネガポジ変換 ネガポジ変換とは、黒だったら白というように、色情報を反転させる処理です。 各々の色情報を 255-x で計算して求めます。 下記がサンプルです。 <!
