struct-group-02-b.svg

Run the test. No interaction required.

The test has passed if:

• There is a green rectangle covering 1/4 of the testframe area positioned in the lower right corner.
• There is a blue rectangle covering 1/4 of the testframe area positioned in the upper left corner.
• There is a yellow rectangle centered inside the blue rectangle, covering half of the area of the blue rectangle.

The purpose of this test is to check the nesting of SVG elements.

The test uses the 'rect' element, as well as basic fill (solid primary colors), stroke (black 1-pixel lines), font-family and font-size properties.

There are 4 svg elements in the test. The first defines the outer square at 480x360. The second whose id is lowerRight defines a green rectangle which is 1/4 of the outer svg element. The third svg whose id is upperLeft defines a region that is the upper 1/4 of the outer svg, it is filled with a blue rectangle. It has a child svg element that defines an area half again the size of its parent but sharing the same center point, it is filled with a yellow rectangle.