masking-opacity-01-b

76.5% of the ink matches
fail - measured over 56855 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

In the top test, the green rectangle should appear on top of the blue rectangle. In the second test, the blue rectangle should not show through in the region where the green and blue overlap. In the third test, the blue rectangle should show through in the overlap region. Lastly, the result should be similar to the previous test only fainter (because the opacity) is resulting in less contribution. The rendered picture should match the reference image exactly, except for possible variations in the labelling text (per CSS2 rules).

View the source document at W3C