Vachmi

The <feGaussianBlur> filter primitive fills the filter subregion with the color and opacity defined by flood-color and flood-opacity.

Attributes

Attribute
Description
in
Identifies the input for the filter primitve
stdDeviation
This attribute defines the standard deviation for the blur operation.
edgeMode
This attribute determines how to extend the input image as necessary with color values so that the matrix operations can be applied when the kernel is positioned at or near the edge of the input image.

Here is the SVG code to draw this filter.

Original Image with no filter
<svg id='path1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>
 <rect x="30" y="30" width="70" height="70" style="fill:rgb(100,100,255); />
</svg>


Image with feGaussianBlur filter
<svg id='path1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>
 <filter id="gaussianBlur-Ex1">
  <feGaussianBlur in="SourceGraphic" stdDeviation="5" />
 </filter>
 <rect x="30" y="30" width="70" height="70" style="fill:rgb(100,100,255); filter="url(#gaussianBlur-Ex1)"/>
</svg>