Full version, Basic version

Specification link: 13.2 Gradients

pservers-grad-10-b ← index → pservers-grad-12-b

# pservers-grad-11-b
SVG Image | PNG Image

Test that the viewer has basic capability to handle radial gradients on fills and stroke of objects and text.

This test uses the following elements : <radialGradient>, <stop> and the following properties : stop-color, fill:url(# ), stroke(url# )

From top-down (left to right) the appearance of objects is as follows.

The top left rectangle should be a radial gradient from black(in) to red(outside). The gradiant is applied to the fill of the rectangle.

The next rectangle has no fill, but has a thick stroke on which the gradient is applied. The gradient goes from red(in) to yellow (out).

The next item is a text with a radial gradient on the fill. The gradient goes from black (in) to yellow (out).

The last item is a text with a 2 user unit stroke on which a black (in) to red (out) linear gradient is applied.

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

pservers-grad-10-b ← index → pservers-grad-12-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.