divisor

Baseline Widely available

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

Das divisor-Attribut gibt den Wert an, durch den das Ergebnis der Anwendung der kernelMatrix eines <feConvolveMatrix>-Elements auf den Farbwert des Eingabebildes geteilt wird, um den Zielfarbwert zu erhalten.

Ein Divisor, der die Summe aller Matrixwerte ist, neigt dazu, eine ausgleichende Wirkung auf die Gesamtfarbintensität des Ergebnisses zu haben.

Dieses Attribut kann mit den folgenden SVG-Elementen verwendet werden:

Beispiel

html
<svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg">
  <filter id="convolveMatrix1" x="0" y="0" width="100%" height="100%">
    <feConvolveMatrix kernelMatrix="1 2 0 0 0 0 0 0 -1" divisor="1" />
  </filter>
  <filter id="convolveMatrix2" x="0" y="0" width="100%" height="100%">
    <feConvolveMatrix kernelMatrix="1 2 0 0 0 0 0 0 -1" divisor="8" />
  </filter>

  <image
    href="mdn_logo_only_color.png"
    width="200"
    height="200"
    style="filter:url(#convolveMatrix1);" />
  <image
    href="mdn_logo_only_color.png"
    width="200"
    height="200"
    style="filter:url(#convolveMatrix2); transform:translateX(220px);" />
</svg>

Gebrauchshinweise

Wert <number>
Standardwert Summe aller Werte in kernelMatrix oder 1, wenn die Summe 0 ist
Animierbar Ja
<number>

Dieser Wert definiert den Divisor. Wenn der angegebene Divisor 0 ist, wird stattdessen der Standardwert verwendet.

Spezifikationen

Specification
Filter Effects Module Level 1
# element-attrdef-feconvolvematrix-divisor

Browser-Kompatibilität

BCD tables only load in the browser