SVGFEGaussianBlurElement: stdDeviationX-Eigenschaft

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.

Die stdDeviationX schreibgeschützte Eigenschaft des SVGFEGaussianBlurElement-Interfaces spiegelt die (möglicherweise automatisch berechnete) X-Komponente des stdDeviation-Attributs des angegebenen <feGaussianBlur>-Elements wider.

Wert

Ein SVGAnimatedNumber-Objekt.

Beispiele

Zugriff auf das `stdDeviationX`-Attribut

html

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <filter id="gaussian-blur-filter">
      <!-- Apply Gaussian Blur with stdDeviationX set to 5 and stdDeviationY set to 10 -->
      <feGaussianBlur
        in="SourceGraphic"
        stdDeviation="5 10"
        result="blurred-graphic" />
    </filter>
  </defs>

  <!-- Rectangle with a Gaussian blur effect -->
  <rect
    x="50"
    y="50"
    width="100"
    height="100"
    style="fill:hotpink;"
    filter="url(#gaussian-blur-filter)" />
</svg>

// Select the feGaussianBlur element
const gaussianBlur = document.querySelector("feGaussianBlur");

// Access the stdDeviationX value
console.log(gaussianBlur.stdDeviationX.baseVal); // Output: 5

Spezifikationen

Specification
Filter Effects Module Level 1 # dom-svgfegaussianblurelement-stddeviationx

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

SVGAnimatedNumber