操纵 RGBA Javascript

Question

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

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

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

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

操纵 RGBA Javascript

Manipulate RGBA Javascript

javascript

rgb

uint8array