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
pservers-grad-11-b.svg Test that the viewer has basic capability to handle radial gradients on fills and stroke of objects and text. This means it needs to understand the following elements : <radialGradient>, <stop> and the following properties : stop-color, fill:url(# ), stroke(url# ) Radial gradient on fill of rectangle Radial gradient on stroke of rectangle Gradient on text fill Radial gradient on text, black to yellow Gradient on text stroke Radial gradient on stroke of text, black to red $Revision: 1.7 $ |

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