<feMergeNode>

Baseline Widely available

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.

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

html

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