SVG中单个对象的多个过滤器 [英] Multiple Filters for Single Object in SVG

问题描述

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

I want to put two filters on my circle. (Maybe more)

我尝试做:

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

并且:

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

并且:

filter="url(#f1 #f2)"

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

But none of them work. How can I approach this problem?

推荐答案

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

You could add multiple effects in one filter, however if you want to stack the filters up, first group the object and then apply the other filter to your object.

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

这篇关于SVG中单个对象的多个过滤器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！