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

Question

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

我试着做:

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

和:

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

和:

filter="url(#f1 #f2)"

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

Answer 1

您可以在一个滤镜中添加多种效果，但是，如果要堆叠滤镜，请首先对对象进行分组，然后将另一个滤镜应用于您的对象。

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