Full version, Basic version

Specification link: 5.7 The 'image' element

struct-group-02-b ← index → struct-image-05-b

# struct-image-02-b
SVG Image | PNG Image

To test the 9 structure elements and their relationships. What you should be seeing is 4 equal sized squares. The upper left (S1) should be an image, the upper right (S2) should be a red square, the lower left (S3) a cyan square and the lower right (S4) a green square. S1 tests the defs element and the rendering of an image via the use element. S2 tests the defs element and the use element by creating an svg element that contains a red rectangle. S3 tests the nesting of an SVG element, a separate graphics element is defined, its coords relative to the svg element. S4 tests a switch statement, If there is not a green rectangle showing in S4 there is probably a problem processing a switch.

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-group-02-b ← index → struct-image-05-b

Distributed under both the W3C Test Suite License and the W3C 3-clause BSD License.
To contribute to a W3C Test Suite, see the policies and contribution forms.