SVG中单个对象的多个过滤器

Question

我想在我的圈子上放两个过滤器.(也许更多)

我试过做:

filter="url(#f1);url(#f2)"

和:

filter="url(#f1,#f2)"

和:

filter="url(#f1 #f2)"

但它们都不起作用.我该如何处理这个问题？

Answer 1

我知道这是一个非常古老的问题，但是对于引用此问题的人来说，您也可以用空格分隔过滤器函数 -filter="url(#f1) url(#f2)"应该可以

请参阅： https: //css-tricks.com/almanac/properties/f/filter/

Answer 2

您可以在一个过滤器中添加多个效果,但是如果要向上堆叠过滤器,请先将对象分组,然后将另一个过滤器应用于对象.

<g filter="url(#f2)">
<rect width="90" height="90" stroke="green" stroke-width="3" fill="yellow" filter="url(#f1)"/>
</g>

Answer 3

以标识feColorMatrix开头,并将结果命名为currentGraphic.对于每个过滤器元素包/事务开始使用它作为'in',对于bundle的最终操作使用它作为'result'.下一个元素包在'in'='currentGraphic'等处拾取它.