Пунктирные линии, часть 1

В SVG можно управлять видом пунктирных линий, это делается с помощью атрибута stroke-dasharray. В качестве значения задаётся длина отрезков и пробелов между ними. Можно задать одно число, в этом случае получится пунктирная линия, состоящая из отрезков и пробелов одинаковой длины:

1. stroke-dasharray="15":

2. Если задать два числа stroke-dasharray="50 10", первое будет управлять длиной отрезков, второе — длиной пробелов:

3. Последовательность можно продолжить stroke-dasharray="1 2 3 5 8 13 21", в этом случае получится пунктирная линия со сложным ритмом:

Аналогично работает CSS-свойство stroke-dasharray.