我在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如何通过角度