Full version, Basic version

Specification link: 13.2 Gradients

pservers-grad-07-b ← index → pservers-grad-09-b

# pservers-grad-08-b
SVG Image | PNG Image
pservers-grad-08-b.svg Test that the viewer has basic capability to handle linear gradients on fills and stroke of objects and text. This means it needs to understand the following elements : <linearGradient>, <stop> and the following properties : stop-color, fill:url(# ), stroke(url# ) Gradient on fill Gradient on stroke Linear gradient on filled text Linear gradient on stroke of text $Revision: 1.7 $ |

Test that the viewer has basic capability to handle linear gradients on fills and stroke of 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 first item is a text string "Gradient on fill" with the gradient on the fill of the text.

The second item is a text string that is not filled. It has a 2 user unit 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-07-b ← index → pservers-grad-09-b