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"/>

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