feGaussianBlur

• Comments from section
• All comments
• Help

WebPlatform Docs welcomes all comments. If you want to comment, please register or log in. It is free.

This tool helps to make and review comments inline.

How to Use

insert instructions, with images, here

feGaussianBlur

This page has been flagged with the following issues:

High-level issues:

• Needs Topics

• Missing Relevant Sections

• Data Not Semantic

• Unreviewed Import

Content:

• Incomplete

• Not Neutral

• Cleanup

• Compatibility Incomplete

• Examples Best Practices

Needs Summary: This article does not have a summary. Summaries give a brief overview of the topic and are automatically included on some listing pages that link to this article.

Overview Table

DOM Interface	SVGElement

Needs Examples: This section should include examples.

Notes

Remarks

The Gaussian blur kernel is an approximation of the normalized convolution

G(x,y) = H(x)I(y),

where

H(x) = exp(-x²/ (2s²)) / sqrt(2* pi*s²)

and

I(y) = exp(-y²/ (2t²)) / sqrt(2* pi*t²)

with 's' being the standard deviation in the x direction and 't' being the standard deviation in the y direction, as specified by the stdDeviationX and stdDeviationY properties.

Standards information

• Scalable Vector Graphics: Filter Effects, Section 15.25.19

Members

The SVGFEGaussianBlurElement object has these methods:

• setStdDeviation: Sets the standard deviation values used in calculating a Gaussian blur.

The SVGFEGaussianBlurElement object has these properties:

• height: Gets or sets the height of an element.
• in1: Identifies input for the given filter primitive.
• result: Provides a reference for the output result of a filter.
• stdDeviationX: Gets a value that indicates the standard deviation in the x-direction, used in calculating a Gaussian blur.
• stdDeviationY: Gets a value that indicates the standard deviation in the y-direction, used in calculating a Gaussian blur.
• width: Defines the width of an element.
• x: Gets or sets the x-coordinate value.
• y: Gets or sets the y-coordinate value.

Compatibility

Desktop

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	?	?	?	?	?

Mobile

Feature	Android	BlackBerry	Chrome for mobile	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Opera Mini	Safari Mobile
Basic support	?	?	?	?	?	?	?	?

See also

Related articles

Filters

• blur()

• brightness()

• contrast()

• custom()

• drop-shadow()

• grayscale()

• hue-rotate()

• invert()

• opacity()

• saturate()

• sepia()

• filter

• feBlend

• feColorMatrix

• feComponentTransfer

• feComposite

• feConvolveMatrix

• feDiffuseLighting

• feDisplacementMap

• feDistantLight

• feFlood

• feFuncA

• feFuncB

• feFuncG

• feFuncR

• feGaussianBlur

• feImage

• feMerge

• feMergeNode

• feMorphology

• feOffset

• fePointLight

• feSpecularLighting

• feSpotlight

• feTile

• feTurbulence

• SVG deployment

• SVG filters

• SVG graphic effects

• SVG grand tour

• Understanding CSS filter effects

This article contains content originally from external sources.

Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]