Filtri SVG


Filtri SVG

I filtri SVG vengono utilizzati per aggiungere effetti speciali alla grafica SVG.


Supporto browser

I numeri nella tabella specificano la prima versione del browser che supporta i filtri SVG.

 
SVG Filters 8.0 10.0 3.0 6.0 9.6

Elementi del filtro SVG

Nei prossimi capitoli dimostreremo solo un tocco degli effetti filtro possibili e ti daremo un'idea di cosa si può fare con SVG.

Gli elementi di filtro disponibili in SVG sono:

  • <feBlend> - filtro per combinare le immagini
  • <feColorMatrix> - filtro per le trasformazioni del colore
  • <feComponentTransfer>
  • <feComposito>
  • <feConvolveMatrice>
  • <feIlluminazione diffusa>
  • <feDisplacementMappa>
  • <feFlood>
  • <feGaussianSfocatura>
  • <feImage>
  • <feUnisci>
  • <feMorfologia>
  • <feOffset> - filtro per le ombre discendenti
  • <feIlluminazione speculare>
  • <fetile>
  • <feTurbolenza>
  • <feDistantLight> - filtro per l'illuminazione
  • <fePointLight> - filtro per l'illuminazione
  • <feSpotLight> - filtro per l'illuminazione

Suggerimento: puoi utilizzare più filtri su ogni elemento SVG!