Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
<feBlend>
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<feBlend>SVG-Filter-Primitive kombiniert zwei Objekte miteinander gemäß einem bestimmten Mischmodus. Dies ist ähnlich dem, was aus Bildbearbeitungssoftware bekannt ist, wenn zwei Ebenen gemischt werden. Der Modus wird durch dasmode Attribut definiert.
Wie andere Filter-Primitives verarbeitet es Farbkomponenten standardmäßig imlinearRGBFarbraum. Sie könnencolor-interpolation-filters verwenden, um stattdessensRGB zu verwenden.
Nutzungskontext
Attribute
DOM-Schnittstelle
Dieses Element implementiert dieSVGFEBlendElement-Schnittstelle.
Beispiel
SVG
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <filter> <feFlood result="floodFill" x="0" y="0" width="100%" height="100%" flood-color="green" flood-opacity="1" /> <feBlend in="SourceGraphic" in2="floodFill" mode="multiply" /> </filter> </defs> <image href="mdn_logo_only_color.png" x="10%" y="10%" width="80%" height="80%" filter="url(#spotlight)" /></svg>Ergebnis
Spezifikationen
| Specification |
|---|
| Filter Effects Module Level 1 # feBlendElement |