imageData打印错误值

Question

我需要操纵图像中的像素，并将整数值(0-255)保存在RGBA值中。

let imageData = this.context.getImageData(0, 0, this.width, this.height);
imageData.data[1448] = 10;
imageData.data[1449] = 20;
imageData.data[1450] = 30;
imageData.data[1451] = 40;
this.context.putImageData(imageData, 0, 0);

在再次获取ImageData并在各自的索引中打印值之后，结果如下：

IDX 1448: 13

IDX 1449: 19,

IDX 1450: 32

IDX 1451: 40

因为所分配的值与获救值不相同？

谢谢!

Answer 1

当您更改RGBA像素的alpha时，浏览器将更新其他颜色(RGB)的值。例如，如果使用alpha = 0，则RGB值也是0。

若要解决此问题，请将255的值分配给alpha，这样它不会影响其他值。