Углы обводки

stroke-linejoin

В SIMAI Framework с помощью модифкаторов можно управлять углами обводки SVG-изображений.

Классы

Класс Значение
linejoin-miter stroke-linejoin: miter;
linejoin-arcs stroke-linejoin: arcs;
linejoin-bevel stroke-linejoin: bevel;
linejoin-miter-clip stroke-linejoin: miter-clip;
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>

Изменить статью