操纵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是数组本身。