pservers-grad-10-b

97.3% of the ink matches
pass - measured over 81391 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. Each of the three rectangles is filled with a linear gradient from blue on the left to lime on the right. The width of the gradient is only a fifth of the width of the rectangle, so: The top rectangle is filled with plain blue in the left two-fifths and with plain lime in the right two-fifths. The middle rectangle is filled with alternating copies of the blue-to-lime gradient. Thus, from left to right, the rectangle is filled with a gradient that goes from blue to lime to blue to lime to blue to lime. The bottom rectangle is filled with five copies of the blue-to-lime gradient. Thus, from left to right, the rectangle is filled with a gradient that goes from blue to lime, abruptly changing back to blue then smoothly changing to lime, etc.

View the source document at W3C