stdDeviation

Das stdDeviation-Attribut definiert die Standardabweichung für die Weichzeichner-Operation.

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

Beispiel

html
<svg viewBox="0 0 480 200" xmlns="http://www.w3.org/2000/svg">
  <filter id="gaussianBlur1">
    <feGaussianBlur stdDeviation="1" />
  </filter>
  <filter id="gaussianBlur2">
    <feGaussianBlur stdDeviation="5" />
  </filter>
  <filter id="gaussianBlur3" x="-30%" y="-30%" width="160%" height="160%">
    <feGaussianBlur stdDeviation="10" />
  </filter>

  <circle cx="100" cy="100" r="50" style="filter: url(#gaussianBlur1);" />
  <circle
    cx="100"
    cy="100"
    r="50"
    style="filter: url(#gaussianBlur2); transform: translateX(140px);" />
  <circle
    cx="100"
    cy="100"
    r="50"
    style="filter: url(#gaussianBlur3); transform: translateX(280px);" />
</svg>

Anwendungshinweise

Wert <number-optional-number>
Standardwert 0
Animierbar Ja
<number-optional-number>

Wenn zwei Zahlen angegeben sind, repräsentiert die erste Zahl eine Standardabweichung entlang der x-Achse. Der zweite Wert repräsentiert eine Standardabweichung entlang der y-Achse. Wenn eine Zahl angegeben ist, wird dieser Wert sowohl für X als auch für Y verwendet.

Ein negativer Wert ist verboten. Ein Wert von Null deaktiviert die Wirkung des angegebenen Filterprimitivs (d.h. das Ergebnis ist das Filtereingangsbild). Wenn stdDeviation nur in einer der Achsen X oder Y den Wert 0 hat, dann wird der Weichzeichner nur in der Richtung angewendet, die einen Wert ungleich Null hat.

Spezifikationen

No specification found

No specification data found for undefined.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

Browser-Kompatibilität