divisor

Baseline Widely available

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

Dasdivisor-Attribut gibt den Wert an, durch den die Zahl, die sich aus der Anwendung derkernelMatrix 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:

<feConvolveMatrix>

Beispiel

html,body,svg {  height: 100%;}

html

<svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg">  <filter x="0" y="0" width="100%" height="100%">    <feConvolveMatrix kernelMatrix="1 2 0 0 0 0 0 0 -1" divisor="1" />  </filter>  <filter 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 Divisor0 ist, wird stattdessen der Standardwert verwendet.

Spezifikationen

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

Browser-Kompatibilität

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.