透明像素颜色-Go lang图像

Question

我试图从眼动跟踪结果创建一个热图（显示用户在屏幕上最频繁查看的位置）。

对于用户经常查看的像素，我想设置不透明的红色，对于不太频繁的橙色，等等...我使用红色到绿色的色阶。但是对于频率最低的像素，我希望它们不仅显示绿色，而且是透明的。

imgfile, err := os.Open("unchanged.jpeg")
defer imgfile.Close()
if err != nil {
    fmt.Println(err.Error())
}

decodedImg, err := jpeg.Decode(imgfile)
img := image.NewRGBA(decodedImg.Bounds())

size := img.Bounds().Size()
for x := 0; x < size.X; x++ {
    for y := 0; y < size.Y; y++ {
        img.Set(x, y, decodedImg.At(x, y))
    }
}

// I change some pixels here with img.Set(...)

outFile, _ := os.Create("changed.png")
defer outFile.Close()
png.Encode(outFile, img)

问题是，当我尝试改变颜色时，例如使用img。设置（x，y，颜色。RGBA{85, 165, 34, 50}）它实际上并没有根据新旧颜色将像素作为平均值着色，它只是显示一些新的、看起来奇怪的颜色。

图像与alpha RGBA值设置为50：（透明）

图像与alpha RGBA值设置为255：（不透明）

我使用的是png图像，据我所知，它确实支持透明度。为什么会这样？有什么办法可以解决这个问题，让最不常见的像素看起来透明？

谢谢你的回答。

Answer 1

这是因为Set（）方法在指定位置设置（覆盖）像素的颜色。这不是你想要的。

您希望将像素的原始颜色与您选择的颜色相结合，并希望这是最终颜色。

为了实现这一点，首先您可以使用Image查询原始颜色。在（）处，然后将颜色与您想要的任何颜色组合（您可以分别通过红色、绿色、蓝色和阿尔法通道来实现），并使用Set（）方法设置最终颜色。

结合：

请注意，颜色的R、G、B、A字段。RGBA struct是alpha预乘值，这意味着R字段保存颜色的红色分量乘以alpha通道的值。

您可以使用RGBA。RGBA（）方法，它将所有字段作为uint32值返回，并且所有字段都将在0的范围内。。0xffff这样，您就可以对它们执行操作，而不必担心溢出（uint8的最大值是255，因此即使添加两个，也很容易溢出）。

因此，当您组合两种颜色时，可以按组件组合。但是请注意颜色中这些字段的类型。RGBA是uint8，因此在组合后，必须将结果转换为8位，因此必须右移8位。

一个非常简单的组合：计算平均值：

// Query:
x, y := 1, 1
r, g, b, a := img.At(x, y).RGBA()

// Combine:
col := color.RGBA{85, 165, 34, 50}
r2, g2, b2, a2 := col.RGBA()

col.R = uint8((r + r2) >> 9) // div by 2 followed by ">> 8"  is ">> 9"
col.G = uint8((g + g2) >> 9)
col.B = uint8((b + b2) >> 9)
col.A = uint8((a + a2) >> 9)

// Set new pixel:
img.Set(x, y, col)

您可以将其合并到助手函数中：

func combine(c1, c2 color.Color) color.Color {
    r, g, b, a := c1.RGBA()
    r2, g2, b2, a2 := c2.RGBA()

    return color.RGBA{
        uint8((r + r2) >> 9), // div by 2 followed by ">> 8"  is ">> 9"
        uint8((g + g2) >> 9),
        uint8((b + b2) >> 9),
        uint8((a + a2) >> 9),
    }
}

使用它：

x, y := 1, 1
img.Set(x, y, combine(img.At(x, y), color.RGBA{85, 165, 34, 50}))

如果你需要真实的颜色合成，请查看Alpha合成页面。