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

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

Distributed under both the W3C Test Suite License and the W3C 3-clause BSD License.
To contribute to a W3C Test Suite, see the policies and contribution forms.