render-groups-01-b

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

This test renders 3 elements: a text string "SVG", then a shape, then an image. Because of their definition order and coordinates, the image should be on top of the rectangle and the rectangle on top of the text. The test validates that groups are conceptually rendered offscreen before being rendered on the canvas. This is done by grouping the same overlapping objects and rendering the group at half opacity. The background pattern (vertical stripes) should show through all the group elements. However, none of the "SVG" text string should show through the rectangle and none of the rectangle should show through the image.

View the source document at W3C