width10px,height10px の ImageDataオブジェクト

ピクセル

R(赤)G(緑)B(青)A(不透明度)で構成されたデータ配列
・Uint8ClampedArray
・配列の中身は0〜255の値で構成されている
※canvas要素における画素データのrgba要素が256階調(8bit)で表現されていることによる

R	B	G	A

---

ImageData.data

ピクセル情報の集合体

例.1ピクセル = 「width1px」 × 「height1px」
・RGBAで構成されたデータ配列 … 1
・配列の中身は0〜255の値で構成されている

-	1
1	RBGA

例.100ピクセル = 「width10px」 × 「height10px」
・RGBAで構成されたデータ配列 … 100
・配列の中身は0〜255の値で構成されている

	1	2	3	4	5	6	7	8	9	10
1	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA
2	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA
3	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA
4	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA
5	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA
6	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA
7	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA
8	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA
9	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA
10	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA	RBGA