Svg 防止具有alpha通道的重叠图形相互着色?

Svg 防止具有alpha通道的重叠图形相互着色?,svg,mix-blend-mode,Svg,Mix Blend Mode,考虑一个SVG,它有两个部分重叠的圆,都带有fill=“currentColor”。我不控制当前颜色的值,它可以通过我无法控制的代码设置为任何值 我希望整个图形具有相同的纯色。如果图像恰好有颜色(例如:红色),则效果非常好。但是,当当前颜色具有alpha通道时,圆圈重叠的部分将变暗 我想避免这种情况。基本上,我想让第一个图像看起来像本例中的第二个: 如果您的目标是简单地将颜色移动到完全不透明度,则可以通过一个相对简单的过滤器来实现: 如果您的目标是简单地将颜色移动到完全不透明度,则可以通过一

考虑一个SVG,它有两个部分重叠的圆,都带有
fill=“currentColor”
。我不控制当前颜色的值,它可以通过我无法控制的代码设置为任何值

我希望整个图形具有相同的纯色。如果图像恰好有颜色(例如:红色),则效果非常好。但是,当当前颜色具有alpha通道时,圆圈重叠的部分将变暗

我想避免这种情况。基本上,我想让第一个图像看起来像本例中的第二个:


如果您的目标是简单地将颜色移动到完全不透明度,则可以通过一个相对简单的过滤器来实现:


如果您的目标是简单地将颜色移动到完全不透明度,则可以通过一个相对简单的过滤器来实现:


一个简单的方法就是将圆转换为剪切路径,以实现您想要的效果


一个简单的方法就是将圆转换为剪切路径,以实现您想要的效果