Specification link: 13.2 Gradients

pservers-grad-10-b ← index → pservers-grad-12-b

Tests that contain the draft-watermark are under development and may be incorrectly testing a feature.

# pservers-grad-11-b.svg
SVG Image | PNG Image

## Operator Script

Run the test. No interaction required.

## Pass Criteria

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

- The top-left rectangle must be filled with a circular radial gradient with dark blue inside and lime outside. The center point of the gradient is in the lower-left quadrant of the rectangle.
- The top-right rectangle has no fill, but a thick stroke which is painted with a radial gradient with dark orange inside and yellow outside. The center point of this gradient is in the lower-left quadrant of the rectangle.
- The "Gradient on text fill" text must be filled with a circular radial gradient with green inside and yellow outside. The center point of the gradient is the center of the text.
- The "Gradient on text stroke" has no fill, but a stroke which is painted with a circular radial gradient with black inside and pink outside. The center point of the gradient is the center of the text.

## Test Description

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 dark blue (in) to lime (outside). The gradient 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 dark orange(in) to pale yellow (out).

The next item is a text with a radial gradient on the fill. The gradient goes from green (in) to yellow (out).

The last item is a text with a 2 user unit stroke on which a black (in) to magenta (out) linear gradient is applied.

pservers-grad-10-b ← index → pservers-grad-12-b