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

时间:2013-01-15 13:03:33

标签: svg svg-filters

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

我尝试过:

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

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

filter="url(#f1 #f2)"

但它们都不起作用。我该如何解决这个问题?

3 个答案:

答案 0 :(得分:16)

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

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

答案 1 :(得分:6)

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

答案 2 :(得分:-1)

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

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