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
pservers-grad-07-b.svg Test that the viewer has basic capability to handle linear gradients on fills and stroke of objects . This means it needs to understand the following elements : <linearGradient>, <stop> and the following properties : stop-color, fill:url(# ), stroke(url# ) Linear gradient filled rectangle Linear gradient on stroke of rectangle $Revision: 1.8 $ |

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