Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
<feMerge>
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.
Das<feMerge>SVG Element ermöglicht es, Filtereffekte gleichzeitig anstelle von sequenziell anzuwenden. Dies wird erreicht, indem andere Filter ihre Ausgabe über dasresult Attribut speichern und diese dann in einem<feMergeNode> Kind abgerufen wird.
Wie andere Filter-Primitiven, verarbeitet es Farbkomponenten standardmäßig imlinearRGBFarbraum. Sie könnencolor-interpolation-filters verwenden, um stattdessensRGB zu nutzen.
Verwendungskontext
| Kategorien | Primitives Filterelement |
|---|---|
| Erlaubter Inhalt | Beliebige Anzahl folgender Elemente, in beliebiger Reihenfolge:<feMergeNode> |
Attribute
DOM-Schnittstelle
Dieses Element implementiert dieSVGFEMergeElement Schnittstelle.
Beispiel
SVG
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"> <filter x="-40" y="-20" width="100" height="200"> <feOffset in="SourceGraphic" dx="60" dy="60" /> <feGaussianBlur 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)" /></svg>Ergebnis
Spezifikationen
| Specification |
|---|
| Filter Effects Module Level 1 # feMergeElement |
Browser-Kompatibilität
Siehe auch
- SVG-Filterprimitiven-Attribute
flood-colorAttributflood-opacityAttribut<filter><feBlend><feColorMatrix><feComponentTransfer><feComposite><feConvolveMatrix><feDiffuseLighting><feDisplacementMap><feFlood><feGaussianBlur><feImage><feMergeNode><feMorphology><feOffset><feSpecularLighting><feTile><feTurbulence>- SVG-Tutorial: Filtereffekte