<feMergeNode>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Juli 2015⁩.

Der <feMergeNode> SVG bezieht das Ergebnis eines anderen Filters, um von seinem übergeordneten Element <feMerge> verarbeitet zu werden.

Verwendungskontext

Kategorien	Keine
Erlaubter Inhalt	Beliebige Anzahl folgender Elemente, in beliebiger Reihenfolge: `<animate>`, `<discard>`, `<set>`

Attribute

in

DOM-Schnittstelle

Dieses Element implementiert die SVGFEMergeNodeElement-Schnittstelle.

Beispiel

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" stroke="black" fill="green" filter="url(#feOffset)" /> <rect x="40" y="40" width="100" height="100" stroke="black" fill="green" /> </svg>

Ergebnis

Spezifikationen

Specification
Filter Effects Module Level 1 # feMergeNodeElement

Browser-Kompatibilität

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden