参考 pixels

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() 函数。

示例

Notice any errors or typos? Please let us know. Please feel free to edit src/image/pixels.js and open a pull request!

相关参考