如何使用SVG过滤器将白色图像反转为黑色？

Question

有没有办法使用SVG滤镜将白色图像反转为黑色？

在CSS过滤器中，我们执行-webkit-filter:invert(1);，这在IE10中不起作用。我正在应用SVG过滤器作为后备。任何人都可以帮忙吗？

Answer 1

您可以使用SVG过滤器进行反转：

<feColorMatrix in="SourceGraphic" type="matrix" values="-1 0 0 0 1 
                                                              0 -1 0 0 1 
                                                              0 0 -1 0 1
                                                              0 0 0 1 0"/>

有关详细信息，请参阅feColorMatrix at MDN

上的文档