<Defs> et <filtre>
Tous les filtres Internet SVG sont définis dans un <defs> élément. Le <defs> élément est court pour les définitions et contient la définition d'éléments spéciaux (such as filters) les (such as filters) .
Le <filter> élément est utilisé pour définir un filtre SVG. Le <filter> élément a un attribut id requis qui identifie le filtre. Le graphique indique ensuite le filtre à utiliser.
SVG <feGaussianBlur>
Exemple 1
Le <feGaussianBlur> élément est utilisé pour créer des effets de flou:
Voici le code SVG:
Exemple
<svg height="110" width="110">
<defs>
<filter id="f1" x="0" y="0">
<feGaussianBlur in="SourceGraphic" stdDeviation="15"
/>
</filter>
</defs>
<rect width="90" height="90" stroke="green" stroke-width="3"
fill="yellow" filter="url(#f1)" />
</svg>
Essayez - le vous - même » Code explanation:
- L' id attribut du <filter> élément définit un nom unique pour le filtre
- L'effet de flou est défini avec le <feGaussianBlur> élément
- L' in="SourceGraphic" partie définit que l'effet est créé pour l'élément entier
- Le stdDeviation attribut définit le montant du flou
- Le filter attribut du <rect> élément relie l'élément à la "f1" filtre