Я хочу поставить два фильтра на свой круг. (Может больше)
Я пытался сделать:
filter="url(#f1);url(#f2)"
А также:
filter="url(#f1,#f2)"
А также:
filter="url(#f1 #f2)"
Но ни один из них не работает. Как я могу подойти к этой проблеме?
Я хочу поставить два фильтра на свой круг. (Может больше)
Я пытался сделать:
filter="url(#f1);url(#f2)"
А также:
filter="url(#f1,#f2)"
А также:
filter="url(#f1 #f2)"
Но ни один из них не работает. Как я могу подойти к этой проблеме?
Вы можете добавить несколько эффектов в один фильтр, однако, если вы хотите объединить фильтры, сначала сгруппируйте объект, а затем примените другой фильтр к вашему объекту.
<g filter="url(#f2)">
<rect width="90" height="90" stroke="green" stroke-width="3" fill="yellow" filter="url(#f1)"/>
</g>
Начните с идентификатора feColorMatrix и назовите результат, например, currentGraphic. Используйте это как «вход» для каждого набора элементов фильтра / начала транзакции и как «результат» для окончательной операции пакета. Следующий пакет элементов выбирает его по адресу 'in'='currentGraphic' и т. д.
Я знаю, что это очень старый вопрос, но для людей, ссылающихся на это, вы также можете просто разделить свои функции фильтра пробелами - filter="url(#f1) url(#f2)"
должно работать
См.: https://css-tricks.com/almanac/properties/f/filter/
f2
равен SourceGraphic
- person verism; 23.07.2021