masking-path-01-b

83.4% of the ink matches
fail - measured over 26959 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 at the top shows an orange rectangle (with black stroke) being clipped by another rectangle. So only the middle portion of the orange rectangle should be visible. Also the black stroke should only be visible along the top and bottom edge of the rectangle. The example at the bottom has a group containing a text string and two rectangles. The group has a clipping path defined using two overlapping rectangles. Of concern is the overlapping area shared by the two rectangles. There should not be holes in this overlapping area, the clip region is the union of the two rectangles. For clarity, guide rectangles in grey show the position of the clipping rectangles. 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