filters-example-01-b.svg |
|
| SVG Image | PNG Image |
|
|
Tests that contain the draft-watermark are under development and may be incorrectly testing a feature.
|
||||||||
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).
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.