pservers-grad-09-b.svg

Run the test. No interaction required.

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

• The top rectangle is filled with a linear gradient from lime on the left to blue on the right.
• The middle rectangle is filled with a linear gradient from blue on the top to lime on the bottom.
• The bottom rectangle is filled with a linear gradient from lime on the left to blue on the right.

Test that the viewer can handle the gradientUnits attribute on linear gradients. It tests the following values of gradientUnits: default (userSpace), objectBoundingBox, and userSpaceOnUse.

From top-down the appearance of objects is as follows.

The first rectangle uses the default attributes on the linearGradient element. Therefore the linear gradient should default to objectBoundingBox. It should appear from the left edge of the rectangle (blue) to the right edge of the rectangle (lime). The rectangle is smaller than the viewport, because a previous version of the SVG spec had the default value be 'viewport'. The test fails if only a portion of the gradient is shown.

The next rectangle uses gradientUnits=objectBoundingBox. The linear gradient should travel from blue (top) to lime (bottom).

The last rectangle uses gradientUnits=userSpaceOnUse. The rectangle element is given it's own transformation and the gradient is assumed to be in this user space. The gradient should appear as a linear gradient from lime (left) to blue (right).