• Теория
  • Теория

Сдвиг обводки

Пунктирной обводке с помощью атрибута stroke-dashoffset можно задать сдвиг. Возьмём такой пример:

stroke-dasharray="50"

и добавим stroke-dashoffset: stroke-dasharray="50" stroke-dashoffset="25"

Пунктиры обводки сдвинулись на заданный отрезок по направлению против часовой стрелки. Значение stroke-dashoffset может быть отрицательным, и тогда обводка будет смещаться по часовой стрелке.

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

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Оформление SVG-фигур» тренажёра «Внутреннее устройство SVG» можно после регистрации и оформления подписки.