Тип заливкиlink

https://dev.ru.simai.io/ru/ui/utility/svg/fill-rule.php

Модификаторы типа заливки (fill-evenodd и fill-nonzero) определяют,
как будет рассчитываться область заливки внутри фигур в SVG-графике.

Таблица классовlink

Класс Значение
.fill-evenodd fill-rule: evenodd;
.fill-nonzero fill-rule: nonzero;

Описаниеlink

Модификаторы типа заливки определяют алгоритм, по которому определяется,
какие области сложной фигуры считаются "внутри" и подлежат заливке. Это важно,
когда одна фигура имеет несколько контуров, вложенных или пересекающихся.

  • fill-evenodd: Использует правило "even-odd". Область считается залитой,
    если луч, проведённый от точки наружу, пересекает контуры нечетное число раз.

  • fill-nonzero: Использует правило "nonzero". Рассчитывается баланс обхода
    контуров, и точка считается внутри, если обход контуров вокруг неё не сводится к нулю.

Синтаксисlink

Использование: {модификатор}

  • fill-evenodd — Задаёт правило заливки even-odd.
  • fill-nonzero — Задаёт правило заливки nonzero.

Пример использованияlink

<svg class="fill-evenodd">
    <!-- Содержимое SVG с правилом evenodd -->
</svg>

<svg class="fill-nonzero">
    <!-- Содержимое SVG с правилом nonzero -->
</svg>