A single filter that uses a combination of filter primitives. You should see a gray rectangle that contains a green outer ring and a green inner button with "SVG" on it, both having a 3D appearance.

Verify that a typical usage of filtering is operation. This test case creates a 3D lighting effect and requires that several filters are working: feGaussianBlur, feOffset, feSpecularLighting, feComposite and feMerge. The graphic consisting of the string "SVG" sitting on top of oval filled in green and surrounded by an oval outlined in green.

The test uses a nested 'svg' element, 'rect' element, 'path' element, as well as basic fill (solid colors), stroke (solid colors with stroke-width lines), font-family (Verdana and Arial) and font-size properties.

Run the test. No interaction required.

The rendered picture should match the reference image exactly, except for possible variations in the labelling text (per CSS2 rules).

$RCSfile: filters-example-01-b.svg,v $ Example filters01.svg - introducing filter effects An example which combines multiple filter primitives to produce a 3D lighting effect on a graphic consisting of the string "SVG" sitting on top of oval filled in green and surrounded by an oval outlined in green. SVG $Revision: 1.7 $