pixels

包含画布上每个像素颜色的数组。

颜色存储为代表红色、绿色、蓝色的数字和 Alpha (RGBA) 值。 pixels 是一个一维数组，用于提高性能。

每个像素在 pixels 数组中占用四个元素，一个元素对应 每个 RGBA 值。例如，坐标(0, 0)处的像素在 pixels[0]、pixels[1]、pixels[2] 和 pixels[3] 处存储其相应的 RGBA 值。 坐标 (1, 0) 处的下一个像素在 pixels[4]，pixels[5]、pixels[6] 和 pixels[7] 处存储 RGBA 值。 以此类推。100×100 画布的pixels数组，有 100 × 100 × 4 = 40,000 个元素。

某些显示器使用多个较小的像素在单点上设置颜色。 pixelDensity() 函数 返回画布的像素密度。高密度显示器通常 pixelDensity() 为 2。 在这类显示器中，100×100 画布的像素数组有 200 × 200 × 4 = 160,000 个元素。

访问画布上某个点的 RGBA 值需要一些数学知识 如下所示。 在访问 pixels 数组之前，必须调用 loadPixels() 函数。进行任何更改后必须调用 updatePixels() 函数。