pservers-grad-11-b

73.1% of the ink matches
fail - measured over 77158 pixels carrying ink in either image.

W3C reference (context only, see #200)

W3C reference (context only, see #200)

Foxglove

Foxglove

Difference

Difference
In the difference panel, red marks pixels that differ beyond tolerance and grey marks matching content. The tinted band, where present, is the <text id="revision"> legend every test carries: it renders in a fallback font this library cannot match, so it is excluded from the comparison entirely rather than failing every test.

What this test checks

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.

View the source document at W3C