svg - SVG の単一オブジェクトに対する複数のフィルター

Question

サークルに 2 つのフィルターを配置します。（おそらくもっとある）

私はやってみました：

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

と：

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

と：

filter="url(#f1 #f2)"

しかし、どれも機能しません。どうすればこの問題にアプローチできますか?

Answer 1

1 つのフィルターに複数の効果を追加することもできますが、フィルターを積み重ねたい場合は、最初にオブジェクトをグループ化してから、別のフィルターをオブジェクトに適用します。

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

Answer 2

たとえば、ID feColorMatrix から始めて、結果に currentGraphic という名前を付けます。それを、各フィルター要素のバンドル/トランザクション開始の「in」として、およびバンドルの最終操作の「結果」として使用します。次の要素バンドルは、'in'='currentGraphic' などでそれを取得します。