dashArray

A dasharray is a property used in Scalable Vector Graphics (SVG) and other computer graphics contexts to define the pattern of dashes and gaps in a line. It is specified as a list of numbers that represent the lengths of alternating dashes and gaps. For example, a dasharray value of "5 5" would create a line that is 5 units long, followed by a gap of 5 units, and this pattern would repeat. A value of "10 2 5 2" would create a 10-unit dash, followed by a 2-unit gap, then a 5-unit dash, and finally a 2-unit gap, before repeating the entire sequence.

The numbers in the dasharray can be interpreted in different ways depending on the coordinate system and scaling of the element. Typically, they are unitless and relative to the current coordinate system. If the dasharray is shorter than the length of the path, the pattern is repeated. If it is longer, the pattern is cut off. The offset of the dash pattern can be controlled using the dashoffset property, which specifies how far into the dash pattern the drawing should begin. This allows for fine-tuning the appearance of dashed or dotted lines. Dasharrays are commonly used for creating various line styles, such as dotted lines, dashed lines, or more complex repeating patterns.