Концы обводки
stroke-linecap
В SIMAI Framework с помощью модифкаторов можно управлять видом оконцовок линий SVG-изображений.
Классы
| Класс | Значение |
|---|---|
linecap-butt |
stroke-linecap: but;
|
linecap-round |
stroke-linecap: round;
|
linecap-square |
stroke-linecap: square;
|
Описание
Использование модификатора: {контрольная точка}:{модификатор}
- Модификатор. Обязательный параметр.
linecap-butt– конец линиии обрезается на точке завершения линии (значение по умолчанию).linecap-round– конец линии закруглен полукругом диаметром толщины линии.linecap-square– конец линии продолжен полуквадратом размером с толщину линии.
Пример
<svg class="linecap-butt"><!-- ... --></svg>
<svg class="linecap-round"><!-- ... --></svg>
<svg class="linecap-square"><!-- ... --></svg>