pservers-grad-07-b.svg

Run the test. No interaction required.

The test passes if the rendering matches the reference image, apart from any differences in font choice due to CSS2 rules. Specifically:

• The top rectangle is filled with a gradient from blue on the left to lime on the right.
• The bottom rectangle is unfilled and stroked with a thick stroke using a gradient from blue on the left to lime on the right.

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 lime (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.