Как инвертировать белое изображение в черное с помощью фильтров SVG?

Есть ли способ инвертировать белое изображение в черное с помощью фильтров SVG?

В CSS Filter мы делаем -webkit-filter:invert(1);, что не работает в IE10. Я применяю фильтры SVG в качестве запасного варианта. Кто-нибудь может помочь?


svg css svg-filters
person Shekhar K. Sharma    schedule 26.07.2013    source источник
comment
на самом деле в IE есть фильтр для инвертирования, начиная с версии 4.0. оформить заказ msdn.microsoft.com/en-us/ библиотека/ms533008(v=vs.85).aspx   -  person    schedule 26.07.2013

Ответы (1)


arrow_upward
12
arrow_downward

Вы можете инвертировать с помощью фильтра 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 на MDN.

person Michael Mullany    schedule 29.07.2013
comment
У меня это не сработало, пока я не применил фильтр в Inkscape, который создал целую кучу цепочек фильтров (доступны по запросу). - person appas; 20.07.2015
comment
Я не дал вам весь код фильтра — только базовый примитив. Посмотрите документы, на которые я ссылаюсь, чтобы узнать, как это сделать. - person Michael Mullany; 20.07.2015