カテゴリー:
ImageDataオブジェクト
閲覧数:313 配信日:2016-09-15 09:56
ピクセル
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 |
・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 |