SVG: filtri

       
    <svg>
    <defs>
        <filter id="sfoca">
            <feGaussianBlur stdDeviation="5" />
        </filter>
    </defs>
    <polygon points="75,20 41,125 128,60 22,60 109,125"
             filter="url(#sfoca)" />
</svg>
  

  <defs> .... </defs>

Definisce elementi che non vengono visualizzati ma a cui gli altri elementi possono fare riferimento.

  <filter id="sfoca">
    <feGaussianBlur stdDeviation="5" />
</filter>

Definisci un filtro di sfocatura gaussiana identificabile con il nome sfoca e con un’entità di 5 pixel (il raggio dell’area che viene considerata per ottenere le medie dei colori)

  filter="url(#sfoca)"

Applica il filtro sfoca al poligono.

• SVG Filters Playground