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