Specification link: 15.2 An example

filters-displace-02-f ← index → filters-felem-01-b

Tests that contain the draft-watermark are under development and may be incorrectly testing a feature.

# filters-example-01-b.svg
SVG Image | PNG Image

## Operator Script

Run the test. No interaction required.

## Pass Criteria

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

## Test Description

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.

filters-displace-02-f ← index → filters-felem-01-b