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 Zusammensetzungsoperation, die durchgeführt werden soll.

over

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

in

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

out

Dieser Wert zeigt 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 zeigt an, dass die Teile der im in-Attribut definierten Quellgrafik, die mit der im in2-Attribut definierten Zielgrafik überlappen, die Zielgrafik ersetzen. Die Teile der Zielgrafik, die nicht mit der Quellgrafik überlappen, bleiben unberührt.

xor

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

lighter

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

arithmetic

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

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

wobei: i1 und i2 die entsprechenden Pixelkanalwerte des Eingabebildes anzeigen, die jeweils auf in und in2 abgebildet werden, und k1, k2, k3, und k4 die Werte der Attribute mit demselben Namen anzeigen.

feMorphology

Für <feMorphology> definiert operator, ob die Quellgrafik erodiert (d.h. verdünnt) oder dilatiert (verdickt) wird.

erode

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

dilate

Dieser Wert verdickt die im in-Attribut definierte Quellgrafik.

Spezifikationen