Full version, Basic version, Tiny version

Specification link: 8.3 Path Data

paths-data-01-t ← index → paths-data-04-t

# paths-data-02-t
SVG Image | PNG Image
paths-data-02-t Test that the viewer has the basic capability to handle the 'path' element and data (d) attribute in combination with the quadratic Bezier curveto commands, both regular and shorthand/smooth forms - Q, q, T, t (along with Mm and Zz). Quadric bezier curves drawn with commands: M, Q, M, q, z m, q, z, m, q, z M, Q, Z M, Q, T, Q, z M, Q, Q, z M, q, t, t, t, t, z M, q, Q, q, Q, z $Revision: 1.6 $ |

Test that the viewer has the basic capability to handle the 'path' element and its data (d) attribute in combination with the quadratic Bezier curveto commands, Q, q, T, t (plus Mm and Zz).

There are 7 subtests, each composed from the quadric Bezier path commands per the label by the subtest. On-curve control points (i.e., the curve position) are marked by small colored squares. Subtests are filled, or stroked, or both, using simple style properties and colors.

The rendered picture should match the reference image exactly, 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 (primary color wide and 1-pixel lines), font-family (Arial) and font-size properties.

paths-data-01-t ← index → paths-data-04-t