Open In App

SVG FEGaussionBlur.in1 Property

Improve
Improve
Like Article
Like
Save
Share
Report

The SVG FEGaussionBlur.in1 property returns the SVGAnimatedString object corresponding to the in1 component of the FEGaussionBlur.in1 element.

Syntax:

var a = FEGaussionBlur.in1

Return value: This property returns the SVGAnimatedString object corresponding to the in1 component of the FEGaussionBlur.in1 element.

Example 1: 

HTML




<!DOCTYPE html>
<html>
  
<body>
    <svg viewBox="0 0 1000 1000">
        <filter id="lightMe2">
  
            <feGaussianBlur in="FillPaint" 
                stdDeviation="10" edgeMode="wrap"
                id="gfg" />
  
            <feComposite in="SourceGraphic" 
                in2="light" operator="arithmetic"
                k1="1" k2="0" k3="0" k4="0" />
        </filter>
  
        <rect x="20" y="20" width="200" 
            height="200" fill="green" 
            style="filter: url(#lightMe2);" />
  
        <script type="text/javascript">
            var g = document.getElementById("gfg");
            console.log(g.in1);
            console.log("in1 value is : ", g.in1.baseVal)
        </script>
    </svg>
</body>
  
</html>


Output:

Example 2: 

HTML




<!DOCTYPE html>
<html>
  
<body>
    <svg viewBox="0 0 1000 1000">
        <filter id="lightMe3" x="-50" y="-40" 
            width="200" height="150">
  
            <feOffset in="BackgroundImage" 
                dx="10" dy="10" />
  
            <feGaussianBlur in="offset2" 
                stdDeviation="3" id="gfg" />
  
            <feMerge>
                <feMergeNode in="blur" />
                <feMergeNode in="SourceAlpha" />
            </feMerge>
        </filter>
  
        <rect x="20" y="20" width="200" 
            height="200" fill="green" 
            style="filter: url(#lightMe3);" />
  
        <script type="text/javascript">
            var g = document.getElementById("gfg");
            console.log(g.in1);
  
            console.log("in1 value is : ", g.in1.baseVal)
        </script>
    </svg>
</body>
  
</html>


Output:

Supported Browsers:

  • Google Chrome
  • Edge
  • Firefox
  • Safari
  • Opera


Last Updated : 30 Mar, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads