Full version, Basic version, Tiny version

Specification link: 11.4 Stroke Properties

painting-stroke-03-t ← index → painting-stroke-07-t

# painting-stroke-04-t
SVG Image | PNG Image
painting-stroke-04-t Test that viewer has the basic capability to handle the <stroke,stroke-opacity properites> Basic paint: stroke properties. stroke-dasharray="10, 10" stroke-dashoffset="10" $Revision: 1.10 $ |

Verify the "stroke-dasharray" and "stroke-dashoffset" properties. Two lines are drawn, one red and one black. Both have a "stroke-dasharray" of "10,10" giving a dashed appearance where the size of the gaps and the size of the dash is equal. The help show this, the black line has a "stroke-dashoffset" so that the dashes in the black line match up with the gaps in the red line.

The test uses the "path" element, "stroke", "stroke-width", "stroke-dasharray" and "stroke-dashoffset", "font-family" (Arial) and "font-size" properties.

painting-stroke-03-t ← index → painting-stroke-07-t