SVGFEGaussianBlurElement: stdDeviationY-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 stdDeviationY schreibgeschützte Eigenschaft des SVGFEGaussianBlurElement-Interface spiegelt die (möglicherweise automatisch berechnete) Y-Komponente des stdDeviation-Attributs des gegebenen <feGaussianBlur>-Elements wider.

Wert

Ein SVGAnimatedNumber-Objekt.

Beispiele

Zugriff auf das `stdDeviationY`-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 stdDeviationY 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 stdDeviationY value
console.log(gaussianBlur.stdDeviationY.baseVal); // Output: 10

Spezifikationen

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

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

SVGAnimatedNumber