在字符串调色板中创建透明颜色答案

【问题标题】：Creating a transparent color within a string palette在字符串调色板中创建透明颜色
【发布时间】：2020-02-20 00:30:21
【问题描述】：

我在 Google 地球引擎中工作，并试图创建一种无颜色/完全透明的颜色（无边框和无填充）。下面是一行代码，其中第一种颜色应该是透明的“颜色”。基本上我希望我的最小值根本不显示在地图中。

    Map.addLayer(image, {min: 0, max: 3, palette: [transparent, '#0571b0', '#FFDF00', '#ca0020']},'image');

我已经尝试创建一个变量来将颜色设置为完全透明（将不透明度更改为 0），但 palette 命令不能接受变量。只有字符串。 I've also read SVG fill color transparency，但不明白如何在不创建变量的情况下更改该特定颜色的不透明度（同样，palette 不允许）。最后，我尝试在另一种颜色的末尾添加 00，但这也不起作用。

有什么建议吗？

更新： 我从来没有找到解决这个问题的方法，最后只剩下白色的背景。这纯粹是为了获得更好的美学外观以允许看到底图。如果我遇到解决方案，我一定会发布它。

【问题讨论】：

我没有开发环境可以尝试，但如果它们是 CSS 颜色 - 你可以试试 rgba() 吗？即 rgba(0,0,0,0)
那么rgba(0,0,0,0)会替换透明文本吗？
是的，这就是我要尝试的 - 只是因为该语法比您尝试的带有 alpha 的十六进制长得多（#0000 - 简写）。所以我会尝试：Map.addLayer(image, {min: 0, max: 3, palette: ['rgba(0,0,0,0)', '#0571b0', '#FFDF00', '#ca0020']},'image'); 最后一点 - 所有浏览器都支持 rgba() 函数表示法，而带有 alpha 的十六进制在 Edge 或 IE 中不起作用，如果你碰巧使用这些... 参考 css 颜色：developer.mozilla.org/en-US/docs/Web/CSS/color_value#rgba()

标签： transparency google-earth-engine color-palette

【解决方案1】：

我也有同样的问题。我在开发者群里找到了解决办法。

查看答案：https://groups.google.com/g/google-earth-engine-developers/c/WcxtEIzudxw/m/GscOlsQhDgAJ

解决方案：

// 创建你以前的面具

image = image.eq(1)

// 遮罩并设置不透明度

image = image.mask(image.mask().where(image.eq(0),0.0))

【讨论】：

好发现！我会尝试回到我的代码并试一试！