Full version, Basic version

Specification link: 13.2 Gradients

pservers-grad-06-b ← index → pservers-grad-08-b

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

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

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

Both elements in this test use the same simple gradient. It is a linear gradient from blue (left) to red (right). From top-down the appearance of objects is as follows.

The top rectangle should be filled with the gradient.

The next rectangle has no fill, but has a thick stroke on which the gradient is applied.

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

pservers-grad-06-b ← index → pservers-grad-08-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.