Stroke-dasharray/offset для тега <svg> и <path> - Разница?

Question

Stroke-dasharray/offset для тега <svg> и <path> - Разница?

Союз Здравых Сил Профи (517), на голосовании 6 месяцев назад

Когда мы задаём stroke-dasharray/offset для тега SVG (а не для тегов находящихся внутри) - эти свойства применяются ко всему изображению в целом, или по отдельности - к каждому line?
Мне кажется по отдельности к каждой составляющей <svg>, хотя это не очень логично

Answer 1

Антон Горький Знаток (350) 7 месяцев назад

Что мешает попробовать самому? Лучше запомнится.

Союз Здравых СилПрофи (517) 7 месяцев назад

Я попробовал, вроде для каждого path работает, а не для всего svg-элемета в целом
Но я спрашиваю ведь, чтобы точный ответ узнать

Союз Здравых Сил Профи (517) Союз Здравых Сил, хотя chatGPT говорит что для всего изображения в целом

Answer 2

● dashoffset это расстояние между штрихами
● dasharray длина всего штриха

К примеру, нам надо от нулевой точки отодвинуть штрих на 40рх то мы напишем:strokeDasharray: 0 40px;
Мне показать проще..
Прелоадеры основываются на этих значениях