L'élément SVG feMergeNode se place à l'intérieur d'un élément <feMerge>. Il prend en entrée le résultat d'un filtre afin qu'il soit traité par son parent.
Contexte d'utilisation
| Catégories | Aucune |
|---|---|
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre:<animate>, <set> |
Exemple
<svg width="200" height="200"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<filter id="feOffset" x="-40" y="-20" width="100" height="200">
<feOffset in="SourceGraphic" dx="60" dy="60" />
<feGaussianBlur in="SourceGraphic" stdDeviation="5" result="blur2" />
<feMerge>
<feMergeNode in="blur2" />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
<rect x="40" y="40" width="100" height="100"
style="stroke: #000000; fill: green; filter: url(#feOffset);" />
<rect x="40" y="40" width="100" height="100"
style="stroke: #000000; fill: green;" />
</svg>
Résultat
Attributs
Attributs globaux
Attributs spécifiques
Interface DOM
Cet élément implémente l'interface SVGFEMergeNodeElement.
Spécifications
| Spécification | Statut | Commentaire |
|---|---|---|
| Filter Effects Module Level 1 La définition de '<feMergeNode>' dans cette spécification. |
Version de travail | |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) La définition de '<feMergeNode>' dans cette spécification. |
Recommendation | Définition initiale |
Compatibilité des navigateurs
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une pull request sur https://github.com/mdn/browser-compat-data.
Update compatibility data on GitHub
| Ordinateur | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
feMergeNode | Chrome Support complet Oui | Edge Support complet Oui | Firefox Support complet 4 | IE Support complet Oui | Opera Support complet 9 | Safari ? | WebView Android Support complet Oui | Chrome Android Support complet Oui | Firefox Android Support complet Oui | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
in | Chrome Support complet Oui | Edge Support complet Oui | Firefox Support complet 4 | IE Support complet Oui | Opera Support complet 9 | Safari ? | WebView Android Support complet Oui | Chrome Android Support complet Oui | Firefox Android Support complet Oui | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
Légende
- Support complet
- Support complet
- Compatibilité inconnue
- Compatibilité inconnue