css - 如何使用 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 上的文档