Filtro SVG

Filtro SVG

I filtri SVG vengono utilizzati per aggiungere effetti speciali ai grafici SVG.

Supporto del browser ai filtri SVG

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 3.0 6.0 9.6

Elementi di filtro SVG

Nei prossimi capitoli, esploreremo alcuni effetti di filtro possibili - e vi mostreremo cosa può fare SVG.

Gli elementi di filtraggio disponibili in SVG sono:

  • <feBlend> - Filtraggio per combinazione di immagini
  • <feColorMatrix> - Filtraggio di trasformazione dei colori
  • <feComponentTransfer>
  • <feComposite>
  • <feConvolveMatrix>
  • <feDiffuseLighting>
  • <feDisplacementMap>
  • <feFlood>
  • <feGaussianBlur>
  • <feImage>
  • <feMerge>
  • <feMorphology>
  • <feOffset> - Filtraggio ombre
  • <feSpecularLighting>
  • <feTile>
  • <feTurbulence>
  • <feDistantLight> Filtro di illuminazione
  • <fePointLight> Filtro di illuminazione
  • <feSpotLight> Filtro di illuminazione

Suggerimento: è possibile utilizzare più filtri su ogni elemento SVG!