Отличие атрибутов stroke-width и stroke-linecap в SVG заключается в том, что они определяют разные свойства обводки. 25

stroke-width определяет толщину линии, текста или контура (обводки) элемента. 1 Значение можно задавать в единицах длины или в процентах. 4

stroke-linecap определяет, как отображаются концы линии. 5 Есть три возможных значения: butt, square и round. 25

butt обрывает линию под прямым углом к направлению обводки и делает это сразу по окончании линии. 2

square в основном действует также, но немного растягивает обводку по краям пути. 2 Длина, на которую продлевается обводка — это половина заданного значения stroke-width. 2

round задаёт закруглённые углы по краям обводки. 2 Радиус этих кривых также управляется параметром stroke-width. 2