如何用JavaScript修改像素颜色？黑色像素转黄色失败求助

嘿，我来帮你排查下代码里的问题～

你现在的代码逻辑其实是在做反色处理（用255减去每个颜色通道的原值），而不是直接设置黄色。因为初始的黑色画布每个像素的R、G、B都是0，按照你的代码计算后：

• newR = 255 - 0 = 255
• newG = 0 - 0 = 0
• newB = 255 - 0 = 255
  最终得到的是品红色，自然不是你想要的黄色。

正确的实现代码 #

要把全黑画布改成全黄色，直接给每个像素的R和G设为255，B设为0就可以了，不需要多余的计算：

var img = new SimpleImage(200,200);
print(img);
for (var pixel of img.values()) {
  pixel.setRed(255);   // 黄色对应的红色通道值
  pixel.setGreen(255); // 黄色对应的绿色通道值
  pixel.setBlue(0);    // 黄色对应的蓝色通道值
}
print(img); // 记得打印修改后的图像查看效果

补充说明 #

1. 初始的SimpleImage(200,200)生成的是全黑画布，每个像素的R、G、B默认值都是0。
2. 你代码里定义的Black变量没有被使用到，可以直接删除，避免冗余代码。
3. 黄色的RGB值确实是(255,255,0)，只要直接给每个像素设置这三个值就能得到你想要的效果。

内容的提问来源于stack exchange，提问作者Ashkon Business