混合混合模式不适用于firefox中的svg元素



我在img标记上有一个svg。svg有一个具有混合混合模式的元素:与img混合的颜色:

<g id="myitem" style="mix-blend-mode:color">
<path d="M456 410.5L2.5 497L3 ... 410.5Z" fill="white"/>
</g>

这段代码在Chrome上运行得很好,它可以混合并创建灰度过滤器,但在Firefox上它无法混合,混合混合模式根本不起作用。元素中的结果具有填充="0";白色";所以它是白色的。有没有一种方法可以修复Firefox?

您可能应该设置样式mixBlendMode字段

之前:<网格Svg/>

之后:<GridSvg style={{mixBlendMode:'screen'}}/>

示例通过React,idk如何通过角度

最新更新