Full version, Basic version

Specification link: 13.2 Gradients

pservers-grad-01-b ← index → pservers-grad-03-b

# pservers-grad-02-b
SVG Image | PNG Image
pservers-grad-02-b Test that the viewer can handle the xlink:href attribute on linear, radial gradients and patterns. Radial gradient. Referencing gradient below. $Revision: 1.8 $ |

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.

The rendered picture should match the reference image, except for possible variations in the labelling text (per CSS2 rules).

pservers-grad-01-b ← index → pservers-grad-03-b