Есть ли способ заставить SVG фильтры работать с url() в IE и Edge?

Question

[Ivan Bogachev]

На странице есть элемент, к которому нужно применить SVG фильтр (фильтр хитрый, не просто замыливание или обесцвечивание). Логичным действием было бы применить его через url:

.my-element {
    filter: url('#my-filter');
}

Все нормальные браузеры уже давно умеют добавлять фильтр к любому элементу на странице таким образом, но IE и Edge - нет. Собственно вопрос: есть ли какой-нибудь полифилл или может быть библиотека, которая позволит применять SVG фильтры к любым html элементам в этих браузерах?

Comments

[Максим]

У меня вот это из codepen https://codepen.io/strangerintheq/pen/GRgLMwy выглядит вот так
хотя у многих вот так
и тоже воевали с этим

Answer 1

[xanuho]

посмотрите эту – https://github.com/jonathantneal/svg4everybody

Comments

[Ivan Bogachev]

Эта библиотека не добавляет возможность применить фильтр к произвольному div элементу на странице (поправьте меня, если я что-то не заметил).

[xanuho]

Извините, я не изучал её детально, грубо говоря иногда для старичков проблемы с свг, подключал помогало, можете сами проверить ваш случай (но мне кажется она больше для svg in html) и удобная таблица есть в ридми.
А по поводу фильтров для ие, может graceful degradation? :)