13、canvas操纵像素数据ImageData

2019独角兽企业重金招聘Python工程师标准>>>

一、ImageData 对象

含义：

存储canvas对象真实的像素数据（每个像素块的RGBA色值）

属性：

1、width：图片宽度，单位是像素

2、height：图片高度，单位是像素

3、data：图片中，所有像素的RGBA色值所组成的数组

Uint8ClampedArray类型的一维数组，包含着RGBA格式的整型数据，范围在0至255之间（包括255）。

data属性返回一个 Uint8ClampedArray，它可以被使用作为查看初始像素数据。每个像素用4个1bytes值(按照红，绿，蓝和透明值的顺序; 这就是"RGBA"格式) 来代表。每个颜色值部份用0至255来代表。每个部份被分配到一个在数组内连续的索引，左上角像素的红色部份在数组的索引0位置。像素从左到右被处理，然后往下，遍历整个数组。

Uint8ClampedArray 包含高度 × 宽度 × 4 bytes数据，索引值从0到(高度×宽度×4)-1

........

详细有道笔记链接>>

 

 

 

 

转载于:https://my.oschina.net/lcl6659/blog/1844947