Full version, Basic version, Tiny version

Specification link: 5.2 Grouping: the 'g' element

struct-frag-06-t ← index → struct-group-03-t

# struct-group-01-t
SVG Image | PNG Image
struct-group-01-t Test that the g element functions correctly as a container. $Revision: 1.4 $ |

The test checks to see that graphics elements (g) can be nested and that the like attributes can be passed to the children. All the g elements for this test are in the g element whose id=allGs. The two red rectangles and the yellow are in the g labeled rects. The reds inherit a fill color the green rect has a fill specified and it should not be overwritten. The two yellow rectangles should inherit the fill color and the transform attribute, they should be yellow and rotated at -20 degrees. These two rectangles are in g "yellowNrotate", that g is nested inside g "gratuitiousG". The black rectangle in the upper right, has no attributes inherited from its parent. The focus is nesting of g elements and passing on of attributes.

The rendered picture should match the reference image, except for possible variations in the labelling text (per CSS2 rules).

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

struct-frag-06-t ← index → struct-group-03-t