SVG filter effects

SVG filter effects are effects that are applied to Scalable Vector Graphics (SVG ) files. SVG is an open -access XML format for two-dimensional vector graphics, as described by the World Wide Web Consortium (W3C). A filter effect consists of a series of graphic operations that are applied to a given source vector graphics and produce a modified bitmap result.

Filter effects are defined by filter elements. To apply a filter effect to a graphic element or a container element, the ' filter' property of that element is set. Each ' filter' element contains a set of filter primitives as its child elements. Each filter primitive performs a single fundamental graphics operation (eg, a Gaussian blur or a lighting effect ) on one or more input elements and generates a graphical result. Because most of the filter primitives represent a kind of image processing, in most cases, the output of the filter primitives a single RGBA bitmap image (although it is re-created when a higher resolution is required ).

The original source file, or the result of a filter primitives can be used as input for one or more filter primitives. A common application is to use the source graphic multiple times. For example, a simple filter to replace a graphic by two by a black copy is added to the original source graphic offset to create a drop shadow. In fact, there are now two graphics layers, both have the same source graphics.

SVG filter primitives

The following table lists the filter primitives which are available in both SVG 1.0 and SVG 1.1 is available. SVG Tiny does not support filter effects, while SVG Basic supports only the filter primitives shown there.

Framework for the application of a filter

< DOCTYPE svg PUBLIC "- / / W3C / / DTD SVG 1.1 / / EN "    " http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd " >   < svg xmlns = " http://www.w3.org/2000/svg "   width = " 4in " height = " 3in " >                < - Here is one of the filter definition out ->      < / filter>       a filter applied < / text> Web Links

  • W3C SVG page specifications, list of implementations
  • W3C SVG primer: Filters W3C Primer (draft) chapters and examples to filter.
  • Computer Graphics
Open standard Displacement Mapping
757001
de