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 Attribut divisor gibt den Wert an, durch den die resultierende Zahl bei der Anwendung der kernelMatrix eines <feConvolveMatrix>-Elements auf den Eingabebildfarbwert geteilt wird, um den Zielfarbwert zu erhalten.

Ein Divisor, der die Summe aller Matrix-Werte ist, hat tendenziell einen ausgleichenden Effekt auf die Gesamtfarbintensität des Ergebnisses.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

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>

Verwendungshinweise

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