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

Question

有没有一种方法可以使用SVG过滤器将白色图像反转为黑色？

在CSS Filter中，我们做了-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"/>

有关更多详细信息，请参阅MDN 上的feColorMatrix文档