Filtri multipli per singolo oggetto in SVG

Question

Voglio mettere due filtri sulla mia cerchia. (Forse più)

ho provato a fare:

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

E:

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

E:

filter="url(#f1 #f2)" 

Ma nessuno di loro lavoro. Come posso affrontare questo problema?

Answer 1

È possibile aggiungere più effetti in un filtro, tuttavia se si desidera impilare i filtri, raggruppare prima l'oggetto e quindi applicare l'altro filtro all'oggetto.

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

Answer 2

Inizia con una feColorMatrix identità e nominare il risultato currentGraphic per esempio. Usalo come 'in' per ogni pacchetto di elementi filtro/avvio della transazione e come 'risultato' per l'operazione finale del pacchetto. Il bundle dell'elemento successivo lo preleva in 'in' = 'currentGraphic', ecc.