Full version, Basic version, Tiny version

Specification link: 8.3 Path Data

paths-data-02-t ← index → paths-data-05-t

# paths-data-04-t
SVG Image | PNG Image
paths-data-04-t Test that viewer has the basic capability to handle the <path> element and data (d) attribute in combination with the moveto, lineto, and closepath commands - M, L, Z, m, l, and z. M, L, L, L, Z, subpath M, L, L, L, Z stroked filled $Revision: 1.7 $ |

Verify the basic capability to handle the 'path' element, and its data attribute (d) in combination with the straight-line path commands. Two pairs of concentric equilateral triangles are drawn using respectively M,L,Z and m,l,z. The shapes are identical, with one stroked and one filled. The fill-mode default of "even-odd" means that the inner triangle is hollow.

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

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

paths-data-02-t ← index → paths-data-05-t