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

Концы линий

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

1. butt — значение по умолчанию. С этим значением обводка просто заканчивается на концах линии:

2. round, с этим значением обводка равномерно закругляется вокруг концов линии:

3. square, с этим значением вокруг концов линии добавляется дополнительная обводка с прямоугольными краями:

В CSS внешним видом обводки на концах линий можно управлять с помощью аналогичного свойства stroke-linecap.

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

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

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

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

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

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