根据后面的背景颜色更改SVG颜色

Question

我的页面上使用了一个 SVG，但有一个小问题。

正如你所看到的，背景白色区域的部分是白色的，我希望它是绿色的，这样它就可以有这种色差的效果。

我尝试了

mix-blend-mode: difference;

，但没有用，它只能提供粉色和黑色之间的混合，我不想要这个。

我添加了 HTML 和 CSS 片段作为 codepen 链接 https://codepen.io/HuangLinBao/pen/dyvbebO由于代码超出字符限制

Answer 1

如果整个图像是一个 svg 文件，您可以在 html 编辑器中打开它，并通过反复试验，一次将设置为白色的每个路径填充更改为绿色，然后打开文件并查看更改的内容，直到您将所需的背景条纹设置为绿色，文本设置为白色。

我不确定这是否是您想要做的事情，但根据所提供的信息，我认为您想要做的事情。它不是动态的，但将是永久的，直到您在 svg 文件中再次更改它为止。