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