<feOffset>
Baseline
Large disponibilité
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
La primitive de filtre SVG <feOffset> permet de décaler une image en entrée par rapport à sa position courante. L'image en entrée est décalée globalement selon les valeurs définies par les attributs dx et dy.
Contexte d'utilisation
Attributs
Interface DOM
Cet élément implémente l'interface SVGFEOffsetElement.
Exemple
SVG
html
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="offset" width="180" height="180" filterUnits="userSpaceOnUse">
<feOffset in="SourceGraphic" dx="60" dy="60" />
</filter>
</defs>
<rect x="0" y="0" width="100" height="100" stroke="black" fill="green" />
<rect
x="0"
y="0"
width="100"
height="100"
stroke="black"
fill="green"
filter="url(#offset)" />
</svg>
Résultat
Spécifications
| Spécification |
|---|
| Filter Effects Module Level 1 # feOffsetElement |
Compatibilité des navigateurs
Voir aussi
- L'élément
<filter> - L'élément
<animate> - L'élément
<set> - L'élément
<feBlend> - L'élément
<feColorMatrix> - L'élément
<feComponentTransfer> - L'élément
<feComposite> - L'élément
<feConvolveMatrix> - L'élément
<feDiffuseLighting> - L'élément
<feDisplacementMap> - L'élément
<feFlood> - L'élément
<feGaussianBlur> - L'élément
<feImage> - L'élément
<feMerge> - L'élément
<feMorphology> - L'élément
<feSpecularLighting> - L'élément
<feTile> - L'élément
<feTurbulence> - Tutoriel SVG : Effets de filtre