Elements: Filters

Filter effects apply graphical operations (blur, color transforms, lighting, displacement, compositing, etc.) to rendered content. A <filter> element defines a graph of filter primitives (fe*) that are applied in sequence to produce the final output.

• SVG2 / Filter Effects spec: https://www.w3.org/TR/filter-effects-1/
• Developer guide: SVG Filter Effects

The filter container element:

• "<filter>" (SVGFilterElement)

Filter Primitives

All 17 SVG filter primitives are supported. Primitives are composed into a graph via the in, in2, and result attributes defined on SVGFilterPrimitiveStandardAttributes.

Blur, Shadow, and Geometry

• "<feGaussianBlur>" (SVGFEGaussianBlurElement)
• "<feDropShadow>" (SVGFEDropShadowElement)
• "<feOffset>" (SVGFEOffsetElement)
• "<feMorphology>" (SVGFEMorphologyElement)
• "<feDisplacementMap>" (SVGFEDisplacementMapElement)
• "<feTile>" (SVGFETileElement)

Color and Component Transforms

• "<feColorMatrix>" (SVGFEColorMatrixElement)
• "<feComponentTransfer>" (SVGFEComponentTransferElement)
  • "<feFuncR>" (SVGFEFuncRElement)
  • "<feFuncG>" (SVGFEFuncGElement)
  • "<feFuncB>" (SVGFEFuncBElement)
  • "<feFuncA>" (SVGFEFuncAElement)

Compositing and Merging

• "<feBlend>" (SVGFEBlendElement)
• "<feComposite>" (SVGFECompositeElement)
• "<feMerge>" (SVGFEMergeElement)
  • "<feMergeNode>" (SVGFEMergeNodeElement)

Sources: Flood, Image, Turbulence, Convolution

• "<feFlood>" (SVGFEFloodElement)
• "<feImage>" (SVGFEImageElement)
• "<feTurbulence>" (SVGFETurbulenceElement)
• "<feConvolveMatrix>" (SVGFEConvolveMatrixElement)

Lighting

• "<feDiffuseLighting>" (SVGFEDiffuseLightingElement)
• "<feSpecularLighting>" (SVGFESpecularLightingElement)
• "<feDistantLight>" (SVGFEDistantLightElement)
• "<fePointLight>" (SVGFEPointLightElement)
• "<feSpotLight>" (SVGFESpotLightElement)