"<filter>"

Defines filter effects which can be applied to graphical elements.

Defines filter effects which can be applied to graphical elements.

• DOM object: SVGFilterElement
• SVG2 spec: https://www.w3.org/TR/filter-effects/#FilterElement

These elements are typically placed within a <defs> element, and then referenced by id from a filter attribute.

Inside the <filter> element there may be any number of filter primitive elements, such as <feGaussianBlur>.

Example usage:

<filter id="MyFilter">
  <feGaussianBlur in="SourceGraphic" stdDeviation="5" />
</filter>

To reference it with the filter attribute:

<rect filter="url(#MyFilter)" width="300" height="300" />