divisor
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Januar 2020 browserübergreifend verfügbar.
Das divisor-Attribut gibt den Wert an, durch den die Zahl, die sich aus der Anwendung der kernelMatrix eines <feConvolveMatrix>-Elements auf den Eingabebildfarbwert ergibt, geteilt wird, um den Zielfarbwert zu erhalten.
Ein Divisor, der die Summe aller Matrixwerte ist, hat tendenziell einen ausgleichenden Effekt auf die gesamte Farbintensitä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"
filter="url(#convolveMatrix1)" />
<image
x="220"
href="mdn_logo_only_color.png"
width="200"
height="200"
filter="url(#convolveMatrix2)" />
</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
0ist, wird stattdessen der Standardwert verwendet.
Spezifikationen
| Spezifikation |
|---|
| Filter Effects Module Level 1 # element-attrdef-feconvolvematrix-divisor |