javascript - 操作 RGBA Javascript

Question

在 Javascript 中，我有一个 Uint8Array() RGBA 图像，这里是 console.log 这个：

这是带有 rgba 数组的图像作为 HTML 中的字符串：

是否可以操纵这个数组，例如。改变颜色？感谢帮助！

Answer 1

这是一个将像素绘制到这种数组的 JS 算法：

function changeColor(x, y, c)
{
   colorArray[(x * 4) + (y * (imageWidth * 4))] = c.r;
   colorArray[(x * 4) + (y * (imageWidth * 4)) + 1] = c.g;
   colorArray[(x * 4) + (y * (imageWidth * 4)) + 2] = c.b;
   colorArray[(x * 4) + (y * (imageWidth * 4)) + 3] = c.a;
}

其中 x 和 y 是您要更改的像素的坐标，imageWidth 是此数组生成的图像的宽度，c 是您要将像素更改为的颜色，colorArray 是数组本身。