Full version, Basic version

Specification link: 15.2 An example

filters-comptran-01-b ← index → filters-felem-01-b

# filters-example-01-b
SVG Image | PNG Image
filters-example-01-b Overall filter effects test case. Extracted from example filters00 in the March 3, 2000 spec. 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 red and surrounded by an oval outlined in red. SVG $Revision: 1.7 $ |

A single filter that uses a combination of filter primitives. You should see a gray rectangle that contains a red outer ring and a red 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 red and surrounded by an oval outlined in red.

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

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.

filters-comptran-01-b ← index → filters-felem-01-b