Gli ultimi tutorial di sviluppo web
 

SVG filtri


Filtri SVG

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


Supporto per il browser

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

SVG Filters 8.0 10.0 3.0 6.0 9.6

Elementi SVG filtro

Nei prossimi capitoli, dimostreremo solo un tocco di effetti filtro che sono possibili - e darvi un'idea di ciò che può essere fatto con SVG.

Gli elementi filtranti disponibili in SVG sono:

  • <FeBlend> - filtrare per combinare immagini
  • <FeColorMatrix> - filtro per le trasformazioni a colori
  • <FeComponentTransfer>
  • <FeComposite>
  • <FeConvolveMatrix>
  • <FeDiffuseLighting>
  • <FeDisplacementMap>
  • <FeFlood>
  • <FeGaussianBlur>
  • <FeImage>
  • <FeMerge>
  • <FeMorphology>
  • <FeOffset> - filtro per ombre
  • <FeSpecularLighting>
  • <FeTile>
  • <FeTurbulence>
  • <FeDistantLight> - filtro per l'illuminazione
  • <FePointLight> - filtro per l'illuminazione
  • <FeSpotLight> - filtro per l'illuminazione

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