pservers-grad-02-b.svg

Run the test. No interaction required.

The test passes if the rendering matches the reference image, except for any differences in text due to CSS2 rules. Specifically:

• The top rectangle is filled with an elliptical radial gradient, with black in the center and orange at the outside edges of the rectangle.
• The bottom rectangle is filled with a circular radial gradient, with black in the center and orange at the top and bottom edges of the rectangle. Outside the circular area, the rectangle is filled with plain orange.

Test that the viewer can handle the xlink:href attribute on radial gradients.

There are two rectangles. The top one has a radial gradient (black to orange) that should appear elliptical to fit the aspect ratio of the rectangle. The units are specified in objectBoundingBox space. The gradient on the lower one references the gradient of the top rectangle, but modifies the units to use userSpace instead. So it is only using the stops from the gradient to the left, with a different geometry. The radial gradient appears circular.