operator

Beispiel

html,
body,
svg {
  height: 100%;
  font:
    20px "Helvetica",
    "Arial",
    sans-serif;
}

<svg viewBox="0 0 120 70" xmlns="http://www.w3.org/2000/svg">
  <filter id="erode">
    <feMorphology operator="erode" radius="0.4" />
  </filter>
  <filter id="dilate">
    <feMorphology operator="dilate" radius="0.8" />
  </filter>

  <text x="0" y="15">Normal text</text>
  <text x="0" y="40" filter="url(#erode)">Thin text</text>
  <text x="0" y="65" filter="url(#dilate)">Fat text</text>
</svg>

feComposite

Für <feComposite> definiert operator die Compositing-Operation, die ausgeführt werden soll.

over

Dieser Wert gibt an, dass die im in-Attribut definierte Quellgrafik über die im in2-Attribut definierte Zielgrafik gelegt wird.

in

Dieser Wert gibt an, dass die Teile der im in-Attribut definierten Quellgrafik, die die im in2-Attribut definierte Zielgrafik überlappen, die Zielgrafik ersetzen.

out

Dieser Wert gibt an, dass die Teile der im in-Attribut definierten Quellgrafik, die außerhalb der im in2-Attribut definierten Zielgrafik liegen, angezeigt werden.

atop

Dieser Wert gibt an, dass die Teile der im in-Attribut definierten Quellgrafik, die die im in2-Attribut definierte Zielgrafik überlappen, die Zielgrafik ersetzen. Die Teile der Zielgrafik, die nicht mit der Quellgrafik überlappen, bleiben unberührt.

xor

Dieser Wert gibt an, dass die nicht überlappenden Bereiche der im in-Attribut definierten Quellgrafik und der im in2-Attribut definierten Zielgrafik kombiniert werden.

lighter

Dieser Wert gibt an, dass die Summe der im in-Attribut definierten Quellgrafik und der im in2-Attribut definierten Zielgrafik angezeigt wird.

arithmetic

Dieser Wert gibt an, dass die im in-Attribut definierte Quellgrafik und die im in2-Attribut definierte Zielgrafik mithilfe der folgenden Formel kombiniert werden:

result = k1*i1*i2 + k2*i1 + k3*i2 + k4

wobei: i1 und i2 die entsprechenden Pixelkanalwerte des Eingabebildes angeben, die in und in2 zugeordnet sind, und k1, k2, k3, und k4 die Werte der Attribute mit demselben Namen angeben.

feMorphology

Für <feMorphology> definiert operator, ob die Quelle (d.h. verdünnt) erodiert oder aufgeweitet (aufgefüllt) wird.

erode

Dieser Wert verdünnt die im in-Attribut definierte Quellgrafik.

dilate

Dieser Wert verbreitert die im in-Attribut definierte Quellgrafik.

Spezifikationen