← 返回首页
<feOffset> - SVG | MDN

Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

<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 <feOffset> permet de décaler l'image qu'elle a en entrée selon les attributs dx et dy.

Dans cet article

Contexte d'utilisation

CatégoriesContenu autorisé
Élément de primitive de filtre
Tout élément de cette liste, quel qu'en soit l'ordre :
<animate>, <set>

Attributs

Attributs globaux

Attributs spécifiques

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"> <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

Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.

Voir aussi